Angular CLI在创建项目后添加SASS

Question

我使用Angular CLI创建了一个Angular 4项目。

我知道当您使用Angular CLI时，您可以创建一个使用SASS的项目，如下所示：

ng new ProjectName --style=sass 

我的问题是：“在没有它的情况下创建项目后，我可以使用Angular CLI安装SASS吗？”

Answer 1

安装ng set

后，您可以使用node-sass将其设置为样式

npm install node-sass --save-dev 

ng set defaults.styleExt scss

从这里采取：Angular CLI SASS options

Answer 2

您可以使用node-sass，通过运行以下命令进行安装：

npm install node-sass --save-dev 

然后，如果您想使用SASS语法，请运行：

ng set defaults.styleExt sass

应该这样做。

Answer 3

使用Angular CLI - 只需

ng set defaults.styleExt scss

所有新组件都将使用SCSS而不是CSS。虽然如果您只是想开始使用SCSS - 将现有的.css文件更改为.scss文件将起作用。相关编译器已经存在电池

Answer 4

如果你想手动完成，你也可以通过更改角度cli配置文件

来实现

在你的.angular-cli.json中改变样式css to scss

  "defaults": {
    "styleExt": "scss"
  }

然后安装node-scss来编译scss文件

npm install node-sass --save-dev