A bit different setup than OP, but my starter project uses bulma and may be useful as a reference while debugging: GitHub - awestbro/phoenix-starter: Elixir | Phoenix | Webpack | Bulma · GitHub
awestbro
Cochonours
Hi, I have tried setting it up the same way as well as How to use SASS/SCSS with Webpack in Phoenix 1.4 👋 Andrew Timberlake and editing the assets/css/app.scss file won’t update the priv/static/css/app.css one. Do you know what might be the problem?
Running manually node node_modules/webpack/bin/webpack.js --mode development from the assets folder updates the files with no error…
edit: nevermind, I didn’t change a thing and it started working somehow…
1
ion
I have a question related to Webpack’s watch options. I noticed that files placed in ./vendor/**/*.js do not live reload, and return NOENT errors if a file is deleted or added while the VM and webpack is running in development mode.
Can someone guide me on how to get vendor JS files (and CSS) files to automatically recompile? I followed this guide from Sass versions of Bootstrap 4 and Fontawesome 5 with Elixir / Phoenix Framework 1.3.x and 1.4.x using Webpack · GitHub.
0
sdwarak
I get the following error :
Uncaught Error: Module parse failed: Unexpected character '@' (3:0) You may need an appropriate loader to handle this file type. | /* This file is for your main application css. */ | | @import "./phoenix"; | at eval (app.scss:1)
0
kokolegorille
Welcome, It is complaining about scss, how is the rule for scss in your webpack.config.js? Did You add node-sass and sass-loader?
0
