发布于 4年前
Angular CLI在Angular项目里使用scss
Angular CLI支持多种css预处理，包括：
- css
- scss
- less
- sass
- styl (
stylus)
默认值为css。
Angular有两种方式指定css预处理。下面以scss为例：
新建项目指定css预处理
在新建angular项目是使用--style指定css预处理
ng new my-project --style=scss
已有项目指定css预处理
对于已有的项目，也是支持修改css预处理。
查看.angular-cli.json，在defaults配置项里有类似下面的声明：
"defaults": {
"styleExt": "css",
"component": {}
}
使用set指令修改styleExt
ng set defaults.styleExt scss
如果项目统一使用scss，建议把项目里的css文件改为scss，记得也要修改其他文件对css文件的引用。其中styles.css的引用在.angular-cli.json里。
