webpack-contrib / webpack-bundle-analyzer

Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
MIT License
12.53k stars 479 forks source link

How to use this repo to analyze some web extensions? #599

Closed zydjohnHotmail closed 1 year ago

zydjohnHotmail commented 1 year ago

Hello: There are some web extensions I can get from Google store, they have the library built by webpack, as I can see the JS file contains something like this: (function webpackUniversalModuleDefinition(root, factory) …. But there is no such file like ‘webpack.config.js’ or another useful information about the web extension. But there are something else, like manifest.json and Popup.html, some CSS files, some folders, like “background”, “contentScript”, “inpage”. There is one example you can download it from this URL: https://www.crx4chrome.com/go.php?p=121256&i=akamcgnaalcmfhdfpefpkhbfnknnllhj&s=O3DgPT8CTYRto&l=https%3A%2F%2Ff6.crx4chrome.com%2Fcrx.php%3Fi%3Dakamcgnaalcmfhdfpefpkhbfnknnllhj%26v%3D0.5.0

In this case, how can I use this repo to analyze the bundled JS file inside “background/lib” folder. What I want to know is: for the bundled JS file, how many different modules are there to build the bundled JS, what are those modules names? If they are publicly available NPM packages, just show their npm packages. In short, I want to use this repo to restore the “source code” which build the bundle with webpack. Please advise,