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