ng build --prod Angular 8 CSS 渲染问题与运行 ng serve 时相比

Question

我有一个我开发的 Angular 8 应用程序，所有组件的 CSS 都在每个组件的对应中。

当我运行 ng serve 时，所有 CSS 都会正确呈现在我想要的位置。

但是，每当我在将这些文件部署到我的 url 后运行 ng build --prod 来准备托管文件时，每个组件都会使用 10%-20%，这会导致我的所有 div 和样式失效，并导致糟糕的用户经验。

我运行了 ng build --prod --extractCss=false 然后部署了这些文件，同样的问题发生了。

有什么人可以建议让 ng build --prod 命令像 ng serve 一样使用某些标志或我可以尝试修复的 css 路径问题。

非常感谢任何帮助！

更新：刚刚运行“ng build --prod --aot=false --output-hashing=media --sourceMap=true --extract-css=false --buildOptimizer=false”

这仍然没有解决问题。这几乎就像 CSS 只是放大了 10%，这足以摆脱我所有的 div、填充等。

示例：在使用 ng serve 运行时没有滚动功能的页面上，从上面运行 ng buld --prod 命令（包括所有标志）后，页面现在具有滚动功能

Answer 1

根据 Angular-cli 的 github wiki v2+，这些是启动开发和生产构建的最常用方法

ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod

# Dev and so are these
ng build --target=development --environment=dev
ng build --dev --env=dev
ng build --dev
ng build
There are different default flags that will affect --dev vs --prod builds.

Flag                 --dev      --prod
--aot                false      true
--environment        dev        prod
--output-hashing     media      all
--sourcemaps         true       false
--extract-css        false      true```