Sass 不使用 angular-cli 编译

Sass not compiling with angular-cli

我正在尝试将 Sass 与 angular-cli 一起使用,但它不起作用。我收到以下错误:

EXCEPTION: Failed to load http://localhost:4200/app/app.component.sass.

我已将 node-sass 添加到我的 package.json,将 styleUrls 更改为 ['app.component.sass'],并且还在 angular-cli.json 文件中设置了 "styleExt": "sass" .

我是否遗漏了一些让它工作的东西?

显然,documentation 中有一个小错误。

styleUrls 不应使用 scsssass 作为扩展名,而应使用 css。将 ['app.component.sass'] 替换为 ['app.component.css'] 解决了问题。

实际上现在不合适,您可以使用 precompilers.You 创建您的项目,应该使用它来创建您的项目。

ng new my_project --style=sass

或者,如果您想使用 scss 语法,请使用:

ng new my_project --style=scss