Angular 2中的全局.scss文件

Question

在组件外部使用全局 .scss 文件是否可行？我已经通过 "ng set defaults.styleExt scss" 在组件中使用了 .scss，但无法在 src 或 app 中创建全局 .scss 文件。 我正在使用新的 webpack/cli。 有什么建议吗？

- Keith

Answer 1

今天，angular-cli的README文件发生了变化，并包含有关全局样式表的信息。（https://github.com/angular/angular-cli#global-styles）尝试在根目录或应用程序中添加styles.scss。

- Mirek Pluta

---

你试过这个吗？我似乎无法让它工作。无论是在/src还是/src/app中都不行。 - j2L4e

谢谢回复。有关使用 .scss 的组件生成新项目的部分是有效的，但没有添加全局 styles.scss 文件。如果我尝试添加一个，它就不起作用。 - Keith

文档提到将其添加到apps [0] .styles中，您可以尝试修改您的angular-cli.json以使其如下所示：应用程序：[{ “main”：“src / main.ts”， “tsconfig”：“src / tsconfig.jsoon”， “mobile”：false， “styles”：[“src / styles.scss”] }] - Mirek Pluta

Answer 2

目前最好的选择是创建一个新的scss文件，并在您的*.scss组件开头使用@import导入它。这并不完美，但这样您可以为变量和混合器创建单一的源（目前）。

- Nirgn

---

截至v1.0.0-beta.17，我不知道是否存在全局的scss文件。 - Nirgn