💖 🚀 🚀 🚀 🚀 ………… 😘
Bundle-compact-analyzer is a simple visual tool that analyzes the size of each version of the code package file.
Tools like Webpack, gulp, and Browserify pack all of our files into multiple bundle JS files, and we often need to optimize the size of the package file.
Bundle-compare-analyzer can generate a version each time a code file is packaged. Easy to compare, analyze the size of each version of the package file.
The characteristics of
- Keep every time
webpack.gulp.browserifyThe tools generate bundle information. - Intuitive analysis
webpack.gulp.browserifyThe size of the bundle file generated by tools such as.
The installation
npm install -g bundle-compare-analyzerCopy the codeNode4.0 or later is supported
Bundle-compare-analyzer has three commands:
add <bundlePath/bundleFile>: After the package is complete, a version is generated according to the specified package directory or a specified file.compare: Compares and analyzes different versions.remove: Deletes the version.
Generate version
Azer add./build // Package pathCopy the code 
Delete version
azer remove
Copy the code 
Analysis of the version
azer compareCopy the code- It is recommended to use
[name].[chunkhash].jsIs the name of the output file
How to Contribute
Anyone and everyone is welcome to contribute to this project. The best way to start is by checking our open issues, submit a new issues or feature request, participate in discussions, upvote or downvote the issues you like or dislike.