javascript - angular-cli 和 scss 被内联

Question

我想我一定错过了一些非常简单的东西。

全新安装 angular-cli，使用 scss 创建一个新站点。在全局 style.scss 中填写 scss，在组件 scss 中也填写一些。

当提供或构建这些 css 时，它们会被内联。它们没有被外部包含，这是我期望或需要的。

此外，组件级 scss 无法引用全局 style.scss 中的变量(这也许是我期待的其他东西)

但是我如何使用 scss 生成用于交付的外部 css 文件？

谢谢! 保罗

Answer 1

在 angular-cli.json 中找到 "styleExt": "css" 并替换为 "styleExt": "scss" 然后将 "styles":[] 中的 "styles.scss"添加到 .angular-cli.json`

如果您想在组件中使用 scss，请使用 styleUrls: ['app.component.scss']

为全局变量创建一个 variable.scss 并导入所有其他 scss 文件。