Как минимизировать веб-приложение Angular 4

Question

Я создаю веб-приложение с Angular 4 и angular/cli: 1.3.1 node: 10.7.0

Какой плагин я могу использовать для минимизации своего приложения, потому что размер файла vendor.bundle составляет около 8 МБ.Я реализовал отложенную загрузку в приложении.

Я создаю приложение от Jenkins с помощью: npm run build --prod --aot true --progress false

Если кто-то знает плагин или у него есть какие-то учебные пособия, это будет здорово!

Заранее спасибо.

Answer 1

В общем, вы должны использовать соответствующий параметр CLI.В случае производственной сборки это будет

ng build --prod

. В Angular производственная сборка файлов минимизирована и увеличена.

Вы также спросили о некоторых руководствах, поэтому я добавлю кое-что еще для чтения:

https://angular.io/guide/deployment

https://medium.com/@kavisha.talsania/angular-development-vs-production-build-671b7fd5dbf4

Answer 2

Часть проблемы была решена.Решение?Ранее мы делали сборку из jenkins с помощью «npm run build --prod --aot true --progress false» и по какой-то причине с помощью этой команды файл вендора назывался vendor.bundle.js и имел размер 8,3 МБ.Теперь я изменил эту команду с помощью «ng build --prod --aot true --progress false», и файл вендора был назван vendor.fdd67abb220f03081b41.bundle.js и имеет размер o 2.3mb.

Кто-то знаетпочему у нового поставщика есть хеш в названии?

Answer 3

в моем случае я использую эти команды

ng build --prod --aot --build-optimizer --vendor-chunk --source-map=false