首先引入webpack-bundle-analyzer插件,分析打包后的vendor
1.安装
$ npm install
webpack-bundle-analyzer –save-dev
2.配置
在vue.config.js文件中的chainWebpack配置插件,默认会在8888端口打开
chainWebpack: config => {
config.plugin('webpack-bundle-analyzer')
.use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
}
uniapp下写法:编译后,会同时带一份报告,可查看 stat, parsed, gzip 三种状态的文件大小。
pluginOptions: {
webpackBundleAnalyzer: {
openAnalyzer: process.env.NODE_ENV === 'production'
}
}