在已创建的angular4项目中使用scss

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';

文件目录如下:

在已创建的angular4项目中使用scss_第1张图片
文件目录

你可能感兴趣的:(在已创建的angular4项目中使用scss)