Webpack Monitor Module

Monitor Nuxt webpack optimization metrics through the development process using webpackmonitor

📖 Release Notes

Setup

• Add @nuxtjs/webpackmonitor dependency using yarn or npm to your project

• Add @nuxtjs/webpackmonitor to modules section of nuxt.config.js

{
  modules: [
    '@nuxtjs/webpackmonitor',
 ],
}

• Optionally add .monitor to .gitignore file if you don't want to track reports with VCS.

Usage

This module automatically captures stats from each Production build into .monitor/stats.json file if there was any diff.

You can use npx nuxt build --webpackmonitor --analyze or yarn nuxt build --webpackmonitor --analyze to launch the monitor dashboard in your browser after build.

Options

To customize defaults you can specify options via nuxt.config.js:

modules: [
    [
      '@nuxtjs/webpackmonitor',
      {
        target: '~.monitor/stats.json',
        port: 4444,
      }
    ]
  ],

See here for possible options.

License

MIT License

Copyright (c) Nuxt.js Community - Pooya Parsa [email protected]