Monitor nuxt webpack optimization metrics through the development process using webpackmonitor
Switch branches/tags
Clone or download
Latest commit ac0be11 Nov 21, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci initial commit Oct 16, 2017
lib feat(package): upgrade webpack-monitor to 1.0.13 Nov 21, 2017
test initial commit Oct 16, 2017
.editorconfig initial commit Oct 16, 2017
.eslintrc.js initial commit Oct 16, 2017
.gitignore initial commit Oct 16, 2017
CHANGELOG.md chore(release): 0.1.0 Nov 21, 2017
LICENSE initial commit Oct 16, 2017
README.md Update README.md Oct 17, 2017
package.json chore(release): 0.1.0 Nov 21, 2017
yarn.lock feat(package): upgrade webpack-monitor to 1.0.13 Nov 21, 2017

README.md

Webpack Monitor Module

npm (scoped with tag) npm CircleCI Codecov Dependencies js-standard-style

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 or yarn nuxt build --webpackmonitor to launch monitor dashboard in your browser after build.

Options

To customize defaults you can add webpackMonitor key to nuxt.config.js. See here for possible options.

License

MIT License

Copyright (c) Nuxt.js Community - Pooya Parsa pooya@pi0.ir