如何在每次没有 npm start 的情况下使 SASS 在更改时编译（观看）

Question

Working on a new React project that is using SASS. All of the.scss files are in the src/components directory, and strangely the start script is setup like this:

"start": "npm-run-all -p watch:sass start:app"

but on the project when making a change in SCSS, we are having to ctrl-c out of the app and restart by doing npm start again. Is there some misconfiguration here? Seems like this should be watching the scss files and recompiling on the fly.

Thanks for suggestions

Answer 1

I'm not a front-end developer, but maybe you can use nodemon. Install it using npm i nodemon. This tool will automatically restart your server if any changes happen. Take a look here Watch & Compile your Sass with npm