Nuxt.jsにBulmaを導入する方法

2021/01/08

#Vue.js/Nuxt.js

今回はCDNではなくnpmでインストールして導入します。

インストール


Bulmaのインストール

npm install bulma --save


sassを使えるようにするためのパッケージをインストール

npm install --save-dev sass [email protected]


*追記:Node.jsのバージョンによってはfibersが対応していないため削除しました

nuxt.configの編集


css: [
  "bulma"
],


保存してnpm run devで読み込まれていることを確認して完了

参考リンク


関連記事:Vue.js/Nuxt.js

Nuxt.js + microCMS + Nuxt Contentでブログを作り直してみた

Vue.js/Nuxt.js

[Nuxt.js]動的なルーティングを含めてgenerateする方法

Vue.js/Nuxt.js

[Nuxt.js]nuxt.config.jsに環境変数を定義してプログラムから読み込む方法

Vue.js/Nuxt.js