node安装scss :npm install node-sass --save-dev
修改angular-cli.json中代码
"styles": [
"styles.css"
],
"defaults": {
"styleExt": "css",
"component": {}
}
改为
"styles": [
"styles.scss"//该文件没有,可以新建
],
"defaults": {
"styleExt": "scss",
"component": {}
}
在assets文件夹下新建一个文件夹scss装公共使用的.scss文件,对其引用的方式为:
app.component.scss文件引用_minxin.scss文件,使用相对路径
@import './../assets/scss/_minxin';
或者以下方法都可以
@import './../assets/scss/minxin';
文件目录如下: