角度CLI SASS选项

提问者：小点点

我是Angular的新手，我来自灰烬社区。尝试使用基于Ember-CLI的新Angular-CLI。

我需要知道在一个新的项目中处理SASS的最佳方法。我尝试使用ember-cli-sassrepo来查看它是否可以继续使用，因为Angular-CLI的许多核心组件是从Ember-CLI模块运行的。

它没有工作，但再次不确定是否我只是配置错误的东西。

另外，在一个新的有角度的项目中，组织样式的最佳方法是什么？如果将sass文件与组件放在同一个文件夹中就好了。

共1个答案

匿名用户

Angular CLI版本9（用于创建Angular 9项目）现在从原理图中获取style而不是styleext。使用如下命令:
ng config schematics.@schematics/Angulator:component.style scss
，得到的Angular.json如下所示

"schematics": {
   "@schematics/angular:component": {
      "style": "scss"
    }
  }

其他可能的解决方案和解释:

要创建一个新项目，使用支持sass的angular CLI，请尝试以下操作：

ng new My_New_Project --style=scss

您还可以使用--style=sass&如果您不知道它们之间的区别，请阅读这篇简短而简单的文章；如果您仍然不知道，请使用scss&继续学习。

如果您有一个angular 5项目，请使用此命令更新项目的配置。

ng set defaults.styleExt scss

有关最新版本

对于Angular 6使用CLI在现有项目上设置新样式：

ng config schematics.@schematics/angular:component.styleext scss

或直接进入Angular.json：

"schematics": {
      "@schematics/angular:component": {
      "styleext": "scss"
    }
}