webpack-bundle-analyzer 試す

• バンドルファイルの分析
• webpackのconfigのプラグインに追記する
• expressのやつでちょっと試してみた

github.com

github.com

書き方

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

module.exports = {
  plugins: [
    new BundleAnalyzerPlugin()
  ]
}

試した結果

ちなみに、analyzerModeを変更すると出力方法も変えられる。 staticにすると静的なHTMLがdistのしたに出力される。

    plugins: [
      new BundleAnalyzerPlugin({
        analyzerMode: 'static'
      })
    ],