angular-cli 使用sass

angular5引入sass

 

angular/cli支持使用sass
新建工程：
如果是新建一个angular工程采用sass：
ng new My_New_Project --style=sass
这样所有样式的地方都将采用sass样式，如果需要使用sass的scss语法，还可以如下方式：
ng new My_New_Project --style=scss
然后需要手动安装node-sass:
npm install node-sass --save-dev
这样就可以实现用sass语法做样式了。

已有angular-cli工程改为sass
一、配置sass
1、利用npm工具安装sass依赖和loader

npm install node-sass --save-dev
npm install sass-loader --save-dev
2、修改.angular-cli.json文件

复制代码
"styles": [
"styles.scss"
],
"defaults":{
"styleExt": "scss",
"component": {}
}
复制代码
注意：不用怀疑是不是写错了，不是sass，就是改成scss

3、将项目中已经存在的.css文件改成.scss