码迷,mamicode.com
首页 > 其他好文 > 详细

angular-cli 使用sass

时间:2019-04-18 14:44:29      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:class   sass   ext   nod   不用   修改   post   就是   cli   

 

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

angular-cli 使用sass

标签:class   sass   ext   nod   不用   修改   post   就是   cli   

原文地址:https://www.cnblogs.com/muzs/p/8657853.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!