一、新建项目使用sass
使用ng new 创建项目的时候:
ng new new_project_name --style=sass
ng new new_project_name --style=scss
注意:npm install的时候node-sass包需要代理(你懂的)
二、已有项目使用sass
首先,安装node-sass包
npm install node-sass --save-dev
然后修改angular-cli.json配置
"defaults": {
"styleExt": "css",
"component": {}
}
修改为:
"defaults": {
"styleExt": "sass",
"component": {}
}
"styles": [
"styles.css"
]
修改为:
"styles": [
"styles.sass"
]
或
"styles": [
"styles.scss"
]
最后修改全局的style.css文件的后缀,改为style.sass或style.scss
总结:使用npm下载node-sass包需要代理,而使用淘宝镜像或cnpm又会出现各种各样的未知的问题,所以建议还是使用代理吧!
网友评论