Reduce Vendor.js file size in Angular 8

Question

I see few posts to reduce vendor.js file size in different angular versions. i.e. 2,4,6,7 but couldn't find any information specifically for Angular 8.

My Vendor.js file version is 10MB on initially project creation and due to that it is taking longer time to load production version. Is there a way to reduce this size?

Per my knowledge, I enable compression in angular.js file but no luck. My project is build using .net core 3.1.

Yug Damon · Accepted Answer · 2020-04-13 11:41:45Z

2

Please consider using ng build -prod -aot -vc -cc -dop --buildOptimizer to perform all the optimizations Angular provides. Note the -vc flag is meaning "vendor chunck" then your vendor will be splited into smallest chunck and be loaded in parallel by the client browser.

answered Apr 13, 2020 at 11:41

Yug Damon

5012 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

DSA Over a year ago

building project with this command reduce the bundle files but at the same time it is adding some random digits within filename. i.e. main.52ff59cbd141cff8ee1c.js. For me, this is issue as we are loading Angular within MVC application, I can not give exact script name to load inside my MVC application. Any suggestion for fix filename?

Yug Damon Over a year ago

"namedChunks": true,in your angular.json configuration should do the job

DSA Over a year ago

that's not working, still creating file with random ids.

Yug Damon Over a year ago

Try to add —output-hashing=false

Anton Over a year ago

--vendor-chunk is not recommended for production build as official documentation states

|

Collectives™ on Stack Overflow

Reduce Vendor.js file size in Angular 8

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related