webpack打包分析

webpack打包分析

安装 webpack-bundle-analyzer

yarn add webpack-bundle-analyzer -D

webpack配置

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
module.exports = {
    
    
  plugins: [
    new BundleAnalyzerPlugin()
  ]
}

Vue中如何使用

需要在vue.config.js中进行配置

module.exports = {
    
    
  chainWebpack: config => {
    
    
    config
      .plugin('webpack-bundle-analyzer')
        .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
  }
}