Webpack bundle analyzer "+ n Modules"

Question

I would like to learn how my angular code is bundled and to which chunk files. Therefore I'm using "Webpack bundle analyzer". For some modules it's written in the report as: router.js + "12 Modules".

How can I determine the contents of the 12 Modules? I clicked on the line and it didn't help.

Answer 1

In the webpack bundle analyzer UI, there is a checkbox where you can show the contents of concatenated modules. If you check that box, you will see the contents.

Here is what the UI looks like, where you can toggle the setting:

Here is what it looks like without the box checked:

Here is what it looks like WITH the box checked: