Q.Bulmaってなんのブルマですか？　→　A.DBのブルマだそうです。

これです。

webpack全然覚えていないのですが、jsをトランスパイルしたいので、ついでhtmlやcssもwebpackでやろう→css フレームワーク使いたい。おおええよ！ってなったけど死んだ。

記事が少ないお. gulp使いたい.

Bulmaをwebpackから読み出せるようにする

$ npm install webpack@^4.16.0 -g
$ npm install webpack-cli@^3.0.8 -g
$ npm install babel-jest @babel/core babel-core@^7.0.0-bridge.0 @babel/preset-env babel-loader@7 copy-webpack-plugin html-webpack-plugin --save
$ npm install bulma@^0.7.2 --save
$ npm install css-loader@^1.0.0 --save
$ npm install extract-text-webpack-plugin@^4.0.0-beta.0 --save
$ npm install mini-css-extract-plugin --save
$ npm install node-sass@^4.9.2 --save
$ npm install sass-loader@^7.0.3 --save
$ npm install style-loader@^0.21.0 --save

これをinstallしておけばあとは公式チュートリアルの通りに進めば動きます。

実は公式チュートリアルをそのまま実施すれば動くんだけど、別途他モジュール（ejsなど）をトランスパイルできるように設定すると何故かpluginが動作しなくなるので、こんな感じになりました。メモ。