Phoenix 1.4, Webpack 4 and Bulma, Bootstrap 4 SASS

Phoenix Forum Questions / Help
, ,
20

Hi everyone, I am also trying to install Bulma for a 1.4-dev project.

Here are the steps I followed (thanks to @niccolox ox and @Gazler) :

I added to my dependencies in package.json (left Jquery in devDependencies):

  • “animate.css”: “^3.5.2”,
  • “bulma”: “^0.6.2”,
  • “bulma-extensions”: “^1.0.0”,

I added to my devDependencies in packages.json:

  • “node-sass”: “^4.9.0”,

  • “sass-loader”: “^7.0.1”,

  • Added node-sass and sass-loader to assets/package.json

  • Renamed assets/css/app.css to assets/css/app.scss

  • Added the sass-loader to the css file section in webpack.config.js and changing the extension to .scss

  • changed import css from "../css/app.css" to import css from "../css/app.scss" in assets/js/app.js

  • ran npm i in /myproject/assets (got no error)

but I Bulma isn’t working.

Did I forget something ?