Vue性能优化:webpack-bundle-analyzer打包文件分析工具

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_31201781/article/details/81066763

一、安装

npm intall webpack-bundle-analyzer –save-dev

二、配置

build/webpack.prod.config.js中的module.exports = webpackConfig这句话的上面增加

if (config.build.bundleAnalyzerReport) {
  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
}

三、运行

使用命令npm run build --report

四、结果

项目使用的库的分析图

猜你喜欢

转载自blog.csdn.net/qq_31201781/article/details/81066763