SASS & angular-cli setup
This is how to setup using the sass preprocessor in an angular 2 angular-cli project
Install the recommened packages
npm install node-sass --save-dev;
Add the compiler options to
return new Angular2App(defaults, { // ... sassCompiler: { outputStyle: 'compressed', } // }
Rename css files.
Now all files names *.sass
or *.scss
will be compiled and compressed into css
Update angular-cli's generator configuration
"defaults": { // ... "styleExt": "sass", // ... }