I’m using Buefy which installs Bulma in your node_modules but the following (untested) config should also work for you assuming you have sass-loader and node-sass installed in your package.json:
// webpack.config.js
...
{
test: /\.css$/,
use: [MiniCssExtractPlugin.loader, "css-loader"]
},
{
test: /\.scss$/,
use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"]
}
...
// app.js
import "../css/app.scss";
import "phoenix_html";
...
// app.scss
@import "~bulma/sass/utilities/_all";
// customizations go here... i.e. custom colors, etc
@import "~bulma/bulma";
I got this way of configuring it from these docs: Buefy: lightweight UI components for Vue.js based on Bulma
This method should work even if you are not using Vue / Buefy and just install Bulma the normal way.
Hope this helps!
