webpack打包出来的文件，有一个文件格外大，如何排查原因，进行优化？

Question

Answer 1

试试这个插件 webpack-bundle-analyzer

webpack-bundle-analyzer

Answer 2

要懂分包
配置好 这个插件 webpack-bundle-analyzer，查看原因
在entry中配置多文件入口，把文件较大的直接引入，之后文件就会分包了，还有在output中设置动态

entry: {
    home: './home.js',
    about: './about.js',
    contact: './contact.js'
  }
output: {
    filename: '[name].js',
    path: __dirname + '/dist'
  }

Answer 3

才2M就大了？ 用框架没点性能代价怎么行