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就可以了,這樣構建的速度就會快很多。

 

本人是新手,如有不對,請噴我。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM