Angular中配置使用scss
2018-05-10 本文已影响0人
IT飞牛
angular默认安装成功后,默认是的样式文件是*.css文件,如果需要设置成默认使用scss,则需要做以下配置:
1、设置默认样式文件后缀
你可以在创建项目的时候用
ng new sassy-project --style=scss
或者通过ng set defaults.styleExt scss 来修改你现有的项目;
ng set defaults.styleExt scss
2、安装sass依赖和loader
npm install node-sass --save-dev
npm install sass-loader --save-dev
3、修改.angular-cli.json文件
"styles": [
"styles.scss"
],
"defaults":{
"styleExt": "scss",
"component": {}
}