在Angular 6+（styleExt）中使用scss作为默认样式表

css CSS

伽罗JinJin西门

2020-03-23

显然，声明默认样式表扩展名的方式已从Angular 6开始更改。中的styleExt属性angular.json不再被识别。

对于新项目，可以--style=scss在new命令的CLI 上使用选项进行设置。

但是，如果存在我从Angular <5迁移的项目，或者在项目创建过程中忘记这样做，您如何更改此设置？

这个问题与Angular版本5到6的重大更改密切相关。

第3013篇《在Angular 6+（styleExt）中使用scss作为默认样式表》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
Near神无 2020.03.23

的位置已更改angular.json。现在有2种方法可以设置此选项。

通过Angular CLI：

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

直接在angular.json：

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

从去css到scss一个现有的项目，请按照下列步骤操作：

在angular.json文件中

  1. 在build部分和test部分取代：

    "styles": ["src/styles.css"], 通过 "styles": ["src/styles.scss"],

  2. 更换：

    "schematics": {}, 通过 "schematics": { "@schematics/angular:component": { "style": "scss" } },

使用ng config schematics.@schematics/angular:component.styleext scss命令有效，但是不能将配置放在同一位置。

在您的项目中，将.css文件重命名为.scss

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android