angular4+中, angular/cli使用css预处理语法scss或sass

总共两种方式:

1.更新已有项目用scss/sass语法,

安装命令

npm install node-sass 活

npm install  scss --save-dev  或 npm install sass --save -dev
以用scss为例,修改三个地方如图

angular4+中, angular/cli使用css预处理语法scss或sass_第1张图片
这个组件中的app.component.ts文件
组件.css改为.scss
angular4+中, angular/cli使用css预处理语法scss或sass_第2张图片
这个文件在angular-cli.json中

2.新建项目中,直接声明用scss/或sass创建建项目


ng new project --style=sass

简短小计,方便再日常中使用


参考链接/angular-cli

你可能感兴趣的:(angular4+中, angular/cli使用css预处理语法scss或sass)