理解webpack4.splitChunks之其余要點


  splitChunks除了之前文章提到的規則外,還有一些要點或是叫疑惑因為沒有找到官方文檔的明確說明,所以是通過我自己測試總結出來的,只代表我自己的測試結果,不一定正確。

  • splitChunks.cacheGroup必須同時滿足各個條件才能生效,這個之前我理解錯誤,我以為比如minSize或是minChunks等條件只要滿足一條就可以拆分,但是實際上必須同時滿足才行
  • splitChunks的配置項都是作用於cacheGroup上的,如果將cacheGroup的默認兩個分組vendor和default設置為false,則splitChunks就不會起作用
  • minChunks、maxAsyncRequests、maxInitialRequests的值必須設置為大於等於1的數
  • 當chunk沒有名字時,通過splitChunks分出的模塊的名字用id替代,當然你也可以通過name屬性自定義
  • 當父chunk和子chunk同時引入相同的module時,並不會將其分割出來而是刪除掉子chunk里面共同的module,保留父chunk的module,這個是因為 optimization.removeAvaliableModules 默認是true
  • 當兩個cacheGroup.priority相同時,先定義的會先命中
  • 除了js,splitChunks也適用於css


免責聲明!

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



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