Add Bulma to Laravel

If you want to use the Bulma CSS framework in Laravel, the steps below might help you:

npm install bulma --save-dev

Your app.scss should like this:

@import './node_modules/bulma/bulma.sass';

Your _variables.scss should look like this (as an example):

$body-background: whitesmoke;

Your webpack.mix.js should look like this:

let mix = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

Optional: If not required, you can now remove jQuery.

Then, compile everything using:

npm run dev