angular-cli 如何添加 sass 和/或 bootstrap？

Question

我正在试用 angular-cli 并尝试在项目中使用 sass 和 bootstrap。我读过 wiki你可以简单地做到:

ng install sass

用当前最新的 (beta.5) 做这个给我一个错误:

Install failed. Could not find addon with name: sass

我怎样才能以 angular-cli 处理索引页面和 systemJS 的方式安装 bootstrap 和/或 sass？

Answer 1

如果您使用 angular-cli 创建项目，它会附带一个 scss 预处理器。如果您有样式文件，您只需将 ext 更改为 scss，ng serve 将为您编译它们。

当你使用cli创建一个项目时，你可以通过

告诉它你想使用scss

ng new sassy-project --style=sass

如果你有一个现有的项目 Angular 2 到 5

ng set defaults.styleExt scss

如果你的项目是 Angular 6 和 7

ng config schematics.@schematics/angular:component.styleext sass

这些告诉 cli，当您使用 scss 样式而不是 css 生成新组件时。它不会添加编译器或启用编译器，因为那里已经有一个编译器。

任何现有组件都需要重命名其样式文件扩展名。

附加文档 https://angular.io/cli

希望对你有帮助