Please note that Webpack Monitor is NOT currently maintained - sorry 😢
Monitor Nuxt webpack optimization metrics through the development process using webpackmonitor
-
Add
@nuxtjs/webpackmonitordependency using yarn or npm to your project -
Add
@nuxtjs/webpackmonitortomodulessection ofnuxt.config.js
{
modules: [
'@nuxtjs/webpackmonitor',
],
}- Optionally add
.monitorto.gitignorefile if you don't want to track reports with VCS.
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 or yarn nuxt build --webpackmonitor to launch monitor dashboard in your browser after build.
To customize defaults you can add webpackMonitor key to nuxt.config.js.
See here for possible options.
Copyright (c) Nuxt.js Community - Pooya Parsa pooya@pi0.ir