Sass没有用angular-cli编译

Question

我正在尝试使用带有角度cli的 Sass,但它不起作用.我收到以下错误:

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

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

我错过了一些让它起作用的东西吗？

Answer 1

实际上,您现在可以使用预编译器创建项目是不对的.您应该使用它来创建项目.

ng new my_project --style=sass

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

ng new my_project --style=scss

Answer 2

显然，文档中存在一个小错误。

styleUrls不应该有scssorsass作为扩展名，而是css相反。更换['app.component.sass']解决['app.component.css']了问题。