webpack发布策略--单独打包第三方插件

webpack打包时，可以将第三方依赖包单独打包为一个文件。例如jQuery、react等，将他们与自己的源码分离开来

具体操作如下

（1）先要引入插件

var   CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin")

（2）再写入口文件

entry:{

app:path.reslove(__dirname,"main.js"),//配置入口文件

vendors:[''recat","react-dom",...]//项目所需要的第三方插件

}

（3）同时要在下面引用一个插件，才能生效：

plugins:{

//此插件可以从上面vengors的入口里面读取相应的第三方包，然后把其压缩到vengors.js的文件里面，这样打包过后的文件里面就会有两个文件，一个是我们自己的写的入口，一个是第三方依赖

new webpack.optimize.CommonsChunkPlugin({name:"vendors",filename:"vendors.js"})

}