本篇文章主要是基于Webpack和React的，用Webpack打包，主要是要对Webpack进行配置的优化。以及总结关于webpack的用法！
webpack的基本配置
环境方面不再多说，先讲一下基本配置：
在开发环境下，这样的基础配置就可以使用了，之后可以加上插件UglifyJSPlugin：
可以去查看UglifyJsPlugin的属性，选择需要的打包形式。这个插件可以去掉代码中的注释，也可以有效的压缩最后出来的打包文件大小。 至于其他的打包方式，都可以基于此选择不同的插件来配置。
第三方库
对于一些比较大的第三方库，比如在React中经常用到的react、react-dom等，我们不希望它们被重复打包。
这时候就可以使用Webpack的CommonsChunkPlugin来抽离这些公共资源。
这个插件可以把公共模块拆解出来，这样在最后合成文件里面，只要在最开始的时候加载一次，就可以缓存到供给后面的时候。
只要在entry中新增一个入口用来打包需要抽离出来的库：
在随后的plugins里面：
将minChunks设置为Infinity是为了防止其他代码被打包进来。
以上就是笔者基于webpack用法的总结，欢迎大家在评论区进行讨论！
