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