Your app's user experience needs to be fast and efficient in order to trend. It is important to monitor your bundle size constantly to identify inefficiencies. Webpack Monitor provides analysis throughout the development process. Changes in the app that may have a detrimental effect on bundle size and performance can be identified before deployment. Your bundle will be analyzed using our custom algorithm and optimization recommendations are generated. You can apply optimizations to your webpack configuration instantly. Download Webpack Monitor by npm installing today!
Know what is in your bundle at all times. Elegant dashboard that displays your bundle so you can make informed descisions about your optimizations.
Implement the best practice optimizations into your project easily and create a fast and effcient user experience.
Monitor your bundle history so you can check when your bundle file is getting too big before it becomes unmanageble.
Install the plugin with npm:
npm install webpack-monitor --save-dev
const WebpackMonitor = ;const webpackConfig =entry: 'index.js'output:path: __dirname + '/dist'filename: 'bundle.js'plugins:capture: truelaunch: true;
The plugin accepts the following options.
target: The route for the outputted JSON stats file (relative to build directory). Defaults to
launch: If true, start server and launch webpack monitor analysis dashboard. Default
capture: Capture stats on current build if different from previous build. Default
port: port at which to serve webpack monitor dashboard on launch. Default
Bachelors from UC Santa Barbara with 2 years of engineering experience.
Seasoned engineer with excellent technical communication.
We'd love to hear your input. You can find us on GitHub/LinkedIn.