Служить минифицированные файлы после Angular CLI --Prod
Я уменьшил свое простое приложение angular с помощью команды Angular CLI, он создал папку dist с папкой проекта и минифицированными файлами. Тем не менее, когда я запускаю ng serve, независимо от того, находится ли он в корне или в dist / projectName, он будет обслуживать неминифицированные файлы разработки.
Я просто хотел бы проверить, действительно ли рабочая версия работает и может ли быть обслужена. Как бы я это сделал?
При создании приложения angular создаются файлы js, которые будут размещены на сервере. Обслуживание приложения angular создает «фантомную сборку» и позволяет вам предварительно просмотреть свое приложение в браузере. Это две разные вещи.
Просто прочитав Руководство по развертыванию Angular, вы можете использовать ng build --prod для сборки производственной сборки.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Насколько я понимаю, мини-файлы в папке dist создаются только для основы развертывания, что означает, что вы можете выполнить этот код напрямую, открыв файл index.html, и ваше приложение будет работать нормально.
С другой стороны, если вы запустите ng serve, он определенно возьмет неминифицированные файлы в приложении независимо от минификации.
Насколько я понимаю, вы можете проверить, работает ли производственная среда следующим образом:
Выполните команду ng build --prod. Это создаст все минифицированные файлы в папке dist. Затем перейдите в папку dist и откройте index.html в браузере, не запуская ng serve. Это загрузит производственную версию вашего приложения.
Я могу придумать одно альтернативное решение: вы также можете попробовать обслуживать с помощью команды ng serve --prod. Я не пробовал этот подход, поскольку следую предыдущему.
Надеюсь это поможет.
2 способа для вас:
1) самостоятельно размещает приложение с помощью IIS или аналогичного. Просто укажите путь к папке dist, есть хороший учебник здесь.
2) откройте файл index.html, созданный командой ng-build --prod, и проверьте его.
ВОСПОМИНАНИЕ
ng-serve не будет минифицировать ваши файлы вообще, он будет обслуживать несжатые файлы и создавать локальный порт (4200) для запуска вашего приложения, но он никогда не будет сжимать или уменьшать файлы за вас.
Единственный способ правильно минимизировать файлы - использовать ng-build --prod --build-optimizer.
Как объясняется в одном из комментариев, откройте index.html в папке dist.
Но я рекомендую делать это с помощью веб-сервера, если есть асинхронные вызовы.
В то время как ng serve обслуживает файлы для среды, оптимизированной для разработки, ng build --prod выполняет множество оптимизаций, которые слишком дороги на этапе разработки.
просто откройте
index.htmlиз папки dist в вашем браузере