Angular 中的两个主题。 SCSS中的变量问题

Question

我尝试通过这个流程在 Angular 10 中实现两个主题。 它仅适用于 css。 我在我的项目中使用 SCSS。 如何修改此示例以使用 scss？ 抱歉，我这里没有任何代码。 您可以在链接中找到它的代码。 感谢帮助！

Answer 1

您需要指定您在项目中使用 SCSS。

您可以像这样手动更改 angular.json 文件：

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

And then change your files from CSS to SCSS, including the main styles.css referenced in the angular.json.

Answer 2

将app.component.css文件更改为app.component.scss并在 app.component.ts 中将styleUrls更改为app.component.scss