Я попытался и получил много ответов от обсуждения вопросов о stackoverflow и github, но я не смог уменьшить размер основного пакета. Мой пакет json файл выглядит так:
"dependencies": {
"@angular/animations": "^5.2.2",
"@angular/common": "5.0.1",
"@angular/compiler": "5.0.1",
"@angular/core": "5.0.1",
"@angular/forms": "5.0.1",
"@angular/http": "5.0.1",
"@angular/platform-browser": "5.0.1",
"@angular/platform-browser-dynamic": "5.0.1",
"@angular/router": "5.0.1",
"@angular/upgrade": "5.0.1",
"@types/file-saver": "^1.3.0",
"chart.js": "2.7.1",
"compression": "^1.7.2",
"core-js": "2.5.1",
"rxjs": "5.5.2",
"ts-helpers": "1.1.2",
"zone.js": "0.8.18"
},
при зависимости разработки:
"devDependencies": {
"@angular/cli": "^1.7.4",
"@angular/compiler-cli": "5.0.1",
"@types/jasmine": "2.6.3",
"@types/jquery": "^3.3.1",
"@types/node": "8.0.50",
"codelyzer": "4.0.1",
"jasmine-core": "2.8.0",
"jasmine-spec-reporter": "4.2.1",
"karma": "1.7.1",
"karma-chrome-launcher": "2.2.0",
"karma-cli": "1.0.1",
"karma-coverage-istanbul-reporter": "1.3.0",
"karma-jasmine": "1.1.0",
"karma-jasmine-html-reporter": "0.2.2",
"protractor": "5.2.0",
"ts-node": "3.3.0",
"tslint": "5.8.0",
"typescript": "^2.4.2"
},
Использование ng build Я получил пакетный файл 6,2 МБ при использовании ng build --prod уменьшил размер пакетного файла до 3,2 МБ .
Я также пробовал разные флаги, такие как —build-optimizer с —vendor-chunk = false и --aot flag, хотя я думаю, что angular 5 включает все это по умолчанию, но ничего не изменилось, и, тем не менее, файл слишком велик для производства и занимает около 30 секунд для загрузки приложения.