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就能夠了，這樣構建的速度就會快不少。

 

本人是新手，若有不對，請噴我。