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が動作しなくなるので、こんな感じになりました。メモ。