You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I want a tool that allows me to compare two builds to see where bytes/chunks/modules have been added and where they have been removed. We use webpack-bundle-analyzer to understand the current state, but need a tool to understand the deltas. I would like to add some visuals help to make it easier to understand why our packages have grown to what they are.
I am looking at creating my own webpack-bundle-analyzer like thing, but I'd rather contribute to this project if that would be an acceptable feature.
The change I would be trying to make is allow you to pass a second stats.json and view the two side by side, with differences highlighted by color in some way.
Questions:
Would this be an appropriate feature for webpack-bundle-analyzer? or should I create a separate tool?
I see there is a version 3 in the works, should I be using that as a base instead of master?
Any pointers on what files/functions I should start at? I haven't figured out the code base enough yet to know where things are, but I haven't invested that much time yet.
Thanks,
Josh.
Issue description
...
Technical info
Webpack Bundle Analyzer version:
Webpack version:
Node.js version:
npm/yarn version:
OS:
Debug info
How do you use this module? As CLI utility or as plugin?
If CLI, what command was used? (e.g. webpack-bundle-analyzer -O path/to/stats.json)
If plugin, what options were provided? (e.g. new BundleAnalyzerPlugin({ analyzerMode: 'disabled', generateStatsFile: true }))
What other Webpack plugins were used?
It would be nice to also attach webpack stats file.
It can be generated using these options:
newBundleAnalyzerPlugin({analyzerMode: 'disabled',generateStatsFile: true,// Excludes module sources from stats file so there won't be any sensitive datastatsOptions: {source: false}})`
stats.json will be created in Webpack bundle output directory.
The text was updated successfully, but these errors were encountered:
Would this be an appropriate feature for webpack-bundle-analyzer? or should I create a separate tool?
Maybe creating a fork and a proof of concept would be a good approach first, and if we think that it's better to leave it outside webpack-bundle-analyzer, you're free to create another package with a different name ☺️
I see there is a version 3 in the works, should I be using that as a base instead of master?
Nah, that branch has been stale for quite some time so it's better to start from master. #97 would've probably helped in creating this tool quite a lot, though, so if you're adventorous, you can take a look at the bits and pieces extracted in there if they're suitable to you. Note that the code in that PR/branch is quite outdated and bug fixes haven't been merged back to that branch for quite some time.
Any pointers on what files/functions I should start at? I haven't figured out the code base enough yet to know where things are, but I haven't invested that much time yet.
I'm afraid I don't have time to give guidance on this. Sorry
I want a tool that allows me to compare two builds to see where bytes/chunks/modules have been added and where they have been removed. We use webpack-bundle-analyzer to understand the current state, but need a tool to understand the deltas. I would like to add some visuals help to make it easier to understand why our packages have grown to what they are.
I am looking at creating my own webpack-bundle-analyzer like thing, but I'd rather contribute to this project if that would be an acceptable feature.
The change I would be trying to make is allow you to pass a second stats.json and view the two side by side, with differences highlighted by color in some way.
Questions:
Thanks,
Josh.
Issue description
...
Technical info
Debug info
How do you use this module? As CLI utility or as plugin?
If CLI, what command was used? (e.g.
webpack-bundle-analyzer -O path/to/stats.json
)If plugin, what options were provided? (e.g.
new BundleAnalyzerPlugin({ analyzerMode: 'disabled', generateStatsFile: true })
)What other Webpack plugins were used?
It would be nice to also attach webpack stats file.
It can be generated using these options:
stats.json
will be created in Webpack bundle output directory.The text was updated successfully, but these errors were encountered: