Sass没有用angular-cli编译

Question

我试图将Sass与angular-cli一起使用，但它无效。我收到以下错误：

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

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

styleUrls不应该scss或sass作为扩展名，而是css。用['app.component.sass']替换['app.component.css']解决了这个问题。

Answer 3

为避免重复，请在此处检查我的答案：https://stackoverflow.com/a/52028674/7668448
对于角度6的问题，这是一个完整的答案。 知道在angular 6中，使用sass scss更少的笔，是挺直的，ng-cli自动处理它。您只需要精确扩展和导入即可。 最好检查上面的链接，以获取详细信息以及所有其他信息。