Angular using Sass's SCSS syntax

First, the phenomenon:

For shorthand style

Second, the settlement:

1, install SASS, use NPM installation (NPM tool if not, please install it yourself first)

(1), NPM install Node-sass--save-dev

(2), NPM install Sass-loader--save-dev

2. Modify the. angular-cli.json file

Put the original:

"Defaults"{
  "Styleext" "css",
"Component"{}
}

Modified to:

"Defaults"{
  "Styleext" "scss",
"Component"{}
}

There is also a public style that is introduced by default (all of the stylesheet used for the. scss suffix ) Table modification suffix is. scss (yes, the . scss suffix , not sass)

Three, Summary:

The style sheet suffix used is. scss do not use. Sass

Angular using Sass's SCSS syntax