Enabling SASS support

Jump to bottom Edit New page

Yonet edited this page Sep 2, 2016 · 5 revisions

Enabling SASS support

This guide describes how to enable the SASS support.

How to enable SASS support

Rename all of your *.css files to *.scss.

If you are using MacOS, install rename with homebrew (brew install rename)
cd src
find . -name "*.css" -exec rename 's/\.css$/.scss/' '{}' \;. All css files in the current folder will be renamed to scss recursively
find . -name "*.css" -exec rm '{}' \;. All .css files will be deleted

Set the ENABLE_SCSS config value to true during a build or serve task:

$ npm start -- --scss
$ npm run build.[dev|e2e|prod|test] -- --scss
$ npm run serve.[dev|e2e|prod|test] -- --scss

For a permanent enablement, set the ENABLE_SCSS config value to true in either seed.config.ts or project.config.ts.