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

Nuxt.jsで作っているプロジェクトにフレームワークのBulmaを導入することがあったのでメモ

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

パッケージをインストール

Bulmaのインストール

npm install bulma --save

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

npm install --save-dev sass sass-loader fibers

nuxt.configの編集

css: [
　　"bulma"
],

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

参考リンク

The css Property

Nuxt.js lets you define the CSS files/modules/libraries you want to set globally (included in every page).

nuxtjs.org