ng build --prod Angular 8 CSS Проблема с рендерингом по сравнению с запуском ng serve

Question

У меня есть приложение angular 8, которое я разработал, и CSS для всех компонентов находятся в соответствующих компонентах.

Когда я запускаю ng serve, все CSS отображается правильно там, где я хочу to.

Однако каждый раз, когда я запускаю ng build --prod для подготовки файлов для хостинга после развертывания этих файлов на моем URL-адресе, каждый компонент используется на 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, отступы и т. Д. c.

ПРИМЕР: На странице, на которой нет функции прокрутки при запуске с использованием 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```