Angular 2/4：如何从资产加载 css 文件

Question

在我的 .angular-cli.json 中，我定义了这个：

 "styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/assets/css/main.css",
  "styles.css"
],

在我的资产文件夹中，我有 (assets/css/*.css) ..但是当我运行我的应用程序时，CSS 没有加载..请问我该如何解决？您可以查看附件中的 jpeg 文件

原文由 user1814879 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

一旦我开始了 Angular 4 项目，我就遇到了同样的错误

我所做的是

在我的资产中没有 css

 "assets": [
        "assets",
        "favicon.png"
      ],

和风格

"styles": [
        "../src/assets/css/main.css",
]

然后请再次 服务

希望这可以帮助

原文由 Jalay Oza 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

也遇到了这个问题，但我的做法有所不同。我没有修改 angular.json 。我在 styles.css 中导入了 @import url("./app/custom-styles/custom-bootstrap.css"); 中的 url。这样您就不需要重新启动检测更改。你保持 styles.css 清洁你的一般造型。

不知道这是否是最好的方法，但对我来说，保持清洁有很大帮助。

原文由 Michelangelo 发布，翻译遵循 CC BY-SA 4.0 许可协议