去除不必要的插件
剛開(kāi)始用 webpack 的時(shí)候，開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境用的是同一個(gè) webpack 配置文件，導(dǎo)致生產(chǎn)環(huán)境打包的 JS 文件包含了一大堆沒(méi)必要的插件，比如 HotModuleReplacementPlugin, NoErrorsPlugin... 這時(shí)候不管用什么優(yōu)化方式，都沒(méi)多大效果。所以，如果你打包后的文件非常大的話(huà)，先檢查下是不是包含了這些插件。
提取第三方庫(kù)
像 react 這個(gè)庫(kù)的核心代碼就有 627 KB，這樣和我們的源代碼放在一起打包，體積肯定會(huì)很大。所以可以在 webpack 中設(shè)置
{
entry: {
bundle: 'app'
vendor: ['react']
}
plugins: {
new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js')
}
}