CommonsChunkPlugin的使用（关于angular2中的polyfills和vendor的疑问解决）

seed: angular2-webpack-starter(在github上能够找到)

polyfills:提供api以方便兼容不一样的浏览器

vendor：项目插件扩展

在学习ng2中一直不明白为何src目录要放这两个文件，入口文件中并无引用这两个文件，而只是在index.html中引用。

webpack打包时也单独将polyfills和vendor打包，这样只是单纯的打包了两个无用的文件，由于index.html真正须要的文件都在

main中打包了，至到我看到webpack.config中的CommonsChunkPlugin插件

CommonsChunkPlugin的做用是提取公共模块打包，在添加这个插件以前，个人mian打包后有1.99M，添加后mian只有几百k，

缘由就是由于CommonsChunkPlugin把polyfills和vendor进行了打包，polyfills和vendor中包含了mian全部须要的公共模块，

因此mian再也不进行打包这些公共模块，只打包咱们本身写的模块。

为何要把入口分为main,polyfills,vendor就很明确了，目的是要把咱们相关的东西打包在一块儿，进行划分，这样其实咱们只用打包一次polyfills,vendor，

后续只用打包mian就能够了，这样构建的速度就会快不少。

 

本人是新手，若有不对，请喷我。