My MEAN Projects got today a small update. Because I added a color palette it got a lot more complicated to add colors to text and backgrounds manually, so i thought it would make sense to move to SCCS. This gives me much more possibilities to store variables, use mixins and much more.
To make it work, do the following steps:
Install node-sass module in your project,
1 |
$ npm install node-sass |
you can add it also to your package.json file to your dev-dependencies
1 |
"node-sass": "~2.0.0-beta" |
Under the Webstorm preferences, under Tools -> File Watcher add a new watcher and add the following to the form
1 2 3 4 5 6 7 |
Program: /pathToYourProject/node_modules/node-sass/bin/node-sass Arguments: --no-cache --update $FileDir$/$FileName$ $FileDir$/$FileNameWithoutExtension$ Working Directory: $FileDir$ Output paths to refresh: $FileNameWithoutExtension$.css |
Add SCSS Filewatcher to Webstorm9 project
Thank you very much, this helped me out.. thought loosing my mind in configuring this webstorm SCSS stuff..
Glad to hear 🙂