Angular CLI 7 Webpack Bundle Analyzer modules concatenated

2.1k Views Asked by At

I'm running Webpack Bundle Analyzer for my Angular 7 app and it's producing output like this:

enter image description here

This is a known caveat when webpack.optimize.ModuleConcatenationPlugin is used per the troubleshooting section found here. They have a recommendation for Angular CLI < 6. I've also found suggestions here which suggests commenting out ModuleConcatenationPlugin, however, it does not identify where it should be commented out.

Do you know how to fix modules concatenated for Angular CLI 7.1.0? Thanks for your time.

1

There are 1 best solutions below

1
On

I believe you've found the answer to your question here.

In the left sidebar there's a checkbox labeled "Show content of concatenated modules" which is unchecked by default. Check it and you will see a much more detailed breakdown of what is in your main.js file.