去除不必要的插件
刚开始用webpack的时候,开发环境和生产环境用的是同一个webpack配置文件,导致生产环境打包的JS文件包含了一大堆没必要的插件,比如HotModuleReplacementPlugin,NoErrorsPlugin...这时候不管用什么优化方式,都没多大效果。所以,如果你打包后的文件非常大的话,先检查下是不是包含了这些插件。
提取第三方库
像react这个库的核心代码就有627KB,这样和我们的源代码放在一起打包,体积肯定会很大。所以可以在webpack中设置
{
entry:{
bundle:'app'
vendor:['react']
}
plugins:{
newwebpack.optimize.CommonsChunkPlugin('vendor','vendor.js')
}
}