Angular中配置使用scss

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": {}
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容