因为第三方库在项目中变化不大,不需要重复加载,提取出来利用缓存加载。
在webpack.config.js中做如下配置:
entry: {
bundle :__dirname + "xxx", //xxx为入口文件
vendor: ['react','react-dom','react-router-dom',...] //数组内为提取的第三方库
}
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
filename: 'vendor.bundle.js' //提取出来的第三方库js
}),
]
使用webpack打包后需将vendor.bundle.js引入index.html最前面