Vue-CLI利用時に,CDNでCSSを読み込む方法

CSS, vue-cli, Vue.js, Web

Vue.jsのver.2.xではpublicディレクトリ内のindex.htmlに<link>タグを追記すればいけたけれど,ver.3.xではこの方法では読み込まれなくなっている,という報告がある。

Vue.jsのver.3.xでは次のようにする。


App.vueファイルの,<style>タグ内の先頭で次のように読み込む。

(略)
<style>
@import 'https://うんたらかんたら.css';
/* App.vueで必要なスタイルをここに書く。 */
</style>
(略)

参考情報

How to add cdn css file to Vue Cli 3 project? - stackoverflow
https://stackoverflow.com/questions/51314997/how-to-add-cdn-css-file-to-vue-cli-3-project

CSS, vue-cli, Vue.js, Web

Posted by もち