我对Angular很陌生,我来自Ember社区.正在try 使用基于Ember CLI的新Angular CLI.
我需要知道在一个新项目中处理SASS的最佳方法.我试着使用ember-cli-sass
repo,看看它是否能发挥作用,因为Angular CLI的许多核心组件都是从Ember CLI模块中运行出来的.
它不起作用,但我还是不确定我是不是配置错了什么.
另外,在新的Angular 项目中组织样式的最佳方式是什么?最好将sass文件放在与组件相同的文件夹中.
我对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 ofstyleext
. 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"
}
}