こんにちは。Kajitz inc.の瀧田です。
Nuxt.jsにBulmaをインストールする方法について書きました。
こういうのってメモらないとすぐ忘れるんですよね。
$ yarn add bulma
$ yarn add -D nuxt-sass-resources-loader vue-style-loader node-sass sass-loader
$ yarn add @fortawesome/fontawesome-free-webfonts
// nuxt.config.js
+ modules: [
+ // provide path to the file with resources
+ ['nuxt-sass-resources-loader', './assets/main.scss']
+ ],
+ css: [
+ { src: 'bulma/bulma.sass', lang: 'sass' }, // 2018/09/06 に更新しました
+ '@fortawesome/fontawesome-free-webfonts',
+ '@fortawesome/fontawesome-free-webfonts/css/fa-brands.css',
+ '@fortawesome/fontawesome-free-webfonts/css/fa-regular.css',
+ '@fortawesome/fontawesome-free-webfonts/css/fa-solid.css',
+ ],
$ vim assets/main.scss
// assets/main.scss
@import "~bulma/sass/utilities/_all.sass";
@import "~bulma/bulma";