在为组件添加样式时,为了样式的模块化,通常我们会使用SCSS、SASS。那么如何让我们的Angular工程支持SCSS或者SASS呢?下面将从以下两中方式来介绍:
- 创建工程时来指定
- 修改当前的工程
1、创建工程时来指定
在指定目录下运行:ng new myProject –style=scss
注:这里使用的Angular的CLI来创建工程的。
如果要指定SASS,则将scss换为sass即可。
2、修改当前工程
修改angular-cli.json文件,主要有两个地方需要修改:
- 将defaults中styleExt值设置为scss
"defaults": {
"styleExt": "scss",
"component": {}
}
这样我们在运行ng g component myComponent 等命令生成文件时,默认后缀就是scss
在apps下的styles中将styles.css修改为styles.scss