angular 4项目不加载css文件

Question

在我的angular 4项目中，我希望全局包含一个Angular Material的预建主题，所以在我的styles.css中，我把这个导入放在angular.io中解释： @import "~@angular/material/prebuilt-themes/indigo-pink.css"; 在我的angular.cli中： "styles": ["styles.css"]。 我的styles.css文件只有那行，没有别的。

但由于某些原因，似乎没有加载styles.css。 我还需要做点什么吗？为什么会这样？

Answer 1

在angular-cli中添加样式

"styles": ["styles.css",
           "@angular/material/prebuilt-themes/indigo-pink.css"]

Answer 2

如上所述在角度cli中添加样式，它也将捆绑并优化为单个文件