VueアプリケーションにBulmaを組み込む #Vue.js

Vue用のBulmaコンポーネントとしてVuetifyがありますが、ちょっと盛りすぎ&後から組み込むのが大変そう。。
なので、ザクっと作ったVueアプリケーションに後からクラスを付け足してBulmaを適用することを想定しています。

$ yarn add sass-loader node-sass

sass用のディレクトリとscssファイル作成。

$ mkdir src/assets/sass
$ touch src/assets/sass/main.scss

src/assets/sass/main.scss

Bulmaをインポート。

@import '~bulma/bulma'

src/main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'

require('./assets/sass/main.scss'); //追加

こんな感じになります。

参考