美文网首页
在已创建的angular4项目中使用scss

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

作者: 咕嘟咕嘟li | 来源:发表于2017-09-14 08:18 被阅读160次

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

      本文链接:https://www.haomeiwen.com/subject/yyvlsxtx.html