Question

我认为我是标准的.angular-cli.json文件。在apps [0]中它有：

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

以上工作可以很好地使用＆＃34; ng build＆＃34;或者服务＆＃34;。但是，如果我做了一个＆＃34; ng build --prod＆＃34;这两个css文件被忽略。我解决这个问题的方法是使用CDN版本的bootstrap.min.css并将styles.css添加到公共资源（Azure博客存储），然后从index.html引用它们。

FWIW，如果我做了一个＆＃34; ng serve --prod＆＃34;它仍然可以在我的localhost / dev环境中运行。但是＆＃34; ng build --prod＆＃34;没有。

任何想法从哪里开始？

Answer 1

你有这个问题，因为捆绑它们时css文件的顺序，现在唯一可能的解决办法就是只让style.css文件这样：

f2

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

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

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

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

在prod模式下，为什么我的CSS文件被Angular CLI忽略？

1 个答案: