Yak shaving logs


My life is just yak shaving.

Nuxt.jsでBulmaとFontAwesomeを使う

2018/07/14 #font-awesome #nuxt #bulma

By Yusuke Takita


こんにちは。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: [
+    '@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";
このエントリーをはてなブックマークに追加

categories


最新記事


tags