vue-cli-plugin-bundleanalyzer

adds separate analyze command in vue-cli-service which generates a Webpack Bundle Analyzer report.

vue-cli-service analyze

Installation

vue add bundleanalyzer

Options with vue.config.js

add a bundleanalyzer block to vue.config.js with valid options.

1module.exports = {
2  pluginOptions: {
3    bundleAnalyzer: {
4      analyzerMode: 'static'
5    }
6  }
7};

Configuration with command args

add additional command args to inject specific options

npx vue-cli-service analyze --openAnalyzer=false

or

npm run analyze -- --openAnalyzer=false

Injected webpack-chain Rules

• config.plugin('bundleAnalyzer')