因?yàn)榈谌綆?kù)在項(xiàng)目中變化不大页畦,不需要重復(fù)加載,提取出來(lái)利用緩存加載潜支。
在webpack.config.js中做如下配置:
entry: {
? ? ? bundle :__dirname + "xxx",? ? ? ? ? ? ? //xxx為入口文件??
?????vendor: ['react','react-dom','react-router-dom',...]? ? ? ? ? //數(shù)組內(nèi)為提取的第三方庫(kù)
}? ?
plugins: [
? ? ? ?new webpack.optimize.CommonsChunkPlugin({?
?? ? ? ? ? name: 'vendor',?
?? ? ? ? ? filename: 'vendor.bundle.js'? ?//提取出來(lái)的第三方庫(kù)js
? ? ? ? }),
]
使用webpack打包后需將vendor.bundle.js引入index.html最前面