我对Angular很陌生,我来自Ember社区.正在try 使用基于Ember CLI的新Angular CLI.

我需要知道在一个新项目中处理SASS的最佳方法.我试着使用ember-cli-sass repo,看看它是否能发挥作用,因为Angular CLI的许多核心组件都是从Ember CLI模块中运行出来的.

它不起作用,但我还是不确定我是不是配置错了什么.

另外,在新的Angular 项目中组织样式的最佳方式是什么?最好将sass文件放在与组件相同的文件夹中.

推荐答案

Angular CLI version 9 (used to create Angular 9 projects) now picks up style from schematics instead of styleext. Use the command like this:
ng config schematics.@schematics/angular:component.style scss
and the resulting angular.json shall look like this

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

Other possible solutions & explanations:

在支持SASS的情况下升级到101,请try 以下操作:

ng new My_New_Project --style=scss 

您也可以使用--style=sass&;如果您不知道其中的区别,请阅读这篇简短的&;Easy article,如果您仍然不知道,请使用scss&;继续学习.

如果您有angular 5项目,请使用此命令更新项目的配置.

ng set defaults.styleExt scss

For Latest Versions

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

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

或者直接进入angular.json:

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

Angular相关问答推荐

NG构建后多余的国旗

Angular 和PrimeNg文件Uploader:渲染元件时如何显示选定文件的列表?

父母和子元素在17号角不保持同步

CDK虚拟滚动由于组件具有注入属性而在滚动时看到错误的值

茉莉花-模板中调用了如何判断角管

如何在Primeng中实现自定义排序

Angular 17-getEnvironment InjectorProviders出现异常

MonoTypeOperatorFunction不可分配给OperatorFunction类型的参数

我的验证器收到一个始终为空的可观察值

Nx Angular Monorepo 中 cypress 组件测试的代码覆盖率?

Moment.js 和 Angular 库

如何更改 Angular material 按钮中的内部 RippleColor 和 UnboundedRipple 效果?

如何访问父组件中提供的 TemplateRef 内的服务?

错误:在工作区外运行 Angular CLI 时,此命令不可用

无法推送 Angular 项目 - Github

Angular2 SVG xlink:href

如何处理解析器中的错误

Angular2 - 如何开始以及使用哪个 IDE

Angular2 - 如何从应用程序外部调用组件功能

Angular MatPaginator 没有被初始化