angular5引入sass

angular/cli支持使用sass
新建工程:
如果是新建一个angular工程采用sass:
ng new My_New_Project --style=sass
这样所有样式的地方都将采用sass样式,如果需要使用sass的scss语法,还可以如下方式:
ng new My_New_Project --style=scss
然后需要手动安装node-sass:
npm install node-sass --save-dev
这样就可以实现用sass语法做样式了。


已有angular-cli工程改为sass
一、配置sass
1、利用npm工具安装sass依赖和loader

npm install node-sass --save-dev
npm install sass-loader --save-dev
2、修改.angular-cli.json文件

复制代码
"styles": [
"styles.scss"
],
"defaults":{
"styleExt": "scss",
"component": {}
}
复制代码
注意:不用怀疑是不是写错了,不是sass,就是改成scss

3、将项目中已经存在的.css文件改成.scss

posted @ 2018-01-15 13:00  boyanh  阅读(214)  评论(0编辑  收藏  举报