在生产模式下，为什么用AngularCLI忽略我的CSS文件？

我有一个标准的.angular-cli.json文件。在apps [0]中，它具有：

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

上面的代码在“ ng build”或“ ng serve”下工作正常。但是，如果我执行“ ng build --prod”，这两个css文件将被忽略。解决此问题的方法是使用CDN版本的bootstrap.min.css并将styles.css添加到公共资源（Azure博客存储），然后从index.html引用它们。

FWIW，如果我执行“ ng serve --prod”，它仍然可以在我的localhost / dev环境中使用。但是“ ng build --prod”却没有。

任何想法从哪里开始？

由于绑定css文件时的顺序，您会遇到此问题，现在唯一可行的解​​决方案是只允许style.css文件像这样：

 "styles": [
   "styles.css"
  ],

并在您的style.css中导入bootstrap.min.css

@import url("../node_modules/bootstrap/dist/css/bootstrap.min.css");

这将使您的应用程序在本地和产品中工作，替代解决方案是使用--extract-css = false进行构建

ng build --prod --extract-css=false