vue-cli打包优化之分析工具webpack-bundle-analyzer

安装

npm install webpack-bundle-analyzer --save-dev

 配置

在vue.config.js文件中

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin

configureWebpack： {

  plugins: [ new BundleAnalyzerPlugin() ]

}

在package.json文件中

"scripts": { "analyz": "NODE_ENV=production npm_config_report=true npm run build" }

 运行

npm run build

 得出结果：

这样就可以分析哪些文件过大，而导致打包后chunk-vendors文件过大