怎么打包公共代码才能避免重复？

CommonsChunkPlugin的效果是：在你的多个页面（入口）所引用的代码中，找出其中满足条件（被多少个页面引用过）的代码段，判定为公共代码并打包成一个独立的js文件。至此，你只需要在每个页面都加载这个公共代码的js文件，就可以既保持代码的完整性，又不会重复下载公共代码了（多个页面间会共享此文件的缓存）。

1. 利用Plugin的初始方法并传入Plugin预设的参数进行初始化，生成一个实例。

• name，给这个包含公共代码的chunk命个名（唯一标识）。
• filename，如何命名打包后生产的js文件，也是可以用上、[hash]、[chunkhash]这些变量的啦（具体是什么意思，请看我上一篇文章中关于filename的那一节）。
• ，公共代码的判断标准：某个js模块被多少个chunk加载了才算是公共代码。

实例来自于我的脚手架项目webpack-seed，我是这样初始化一个CommonsChunkPlugin的实例：

整体来说，这套方案还是相当简单的，而从效果上说，也算是比较均衡的，比较适合项目初期使用。