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

コード Vue.js/Nuxt.js

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).
ビスケットを送る
0

コメント

タイトルとURLをコピーしました