在生产模式下在Angular6中自定义样式后引导加载

Question

在一个非常奇怪的情况下，Angular6 应用程序在生产模式下构建后 --prod，当它加载时，自定义样式被引导程序取代。在另一端，在本地系统中没有 --prod 模式也可以正常工作。

仅供参考，这里是 angular.json 文件的代码 sn-p：

"styles": ["node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css", "src/assets/css/new-age.css"]

这是我的本地主机和使用代码发布的在线应用程序的差异的屏幕截图--prod

--prod simple load ng serve

Answer 1

我找到了方法，Angular 优先使用任何导入的样式表，就像我们导入 Google 字体一样。

为这些导入创建一个单独的 css 文件，然后将其包含在 angular.json 中即可。

请看以下链接：

https://github.com/angular/angular-cli/issues/9475

Answer 2

尝试在全局 "style.scss" 文件的开头导入它

@import "node_modules/bootstrap/scss/bootstrap";