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

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

コメントする