搜尋

首頁  >  問答  >  主體

javascript - CSS和JS的打包粒度如何劃分比較合理

我的想法:

1. 要引入的核心依赖和库全部打包成一个
2. 每个组件独有的部分打包成一个
3. 共享的打包成一个

但是這樣似乎粒度太細, 請求也還是比較多. 想問一下大家, 平時都是怎麼做的.

巴扎黑巴扎黑2788 天前504

全部回覆(1)我來回復

  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-19 10:42:52

    沒有絕對的規矩,樣式檔案和JS檔案同理。從以下幾點考慮吧
    1、打包從專案模組角度出發,一個模組的程式碼打包在一起,公用部分打包在一起
    2、要考慮打包後檔案大小,太大的不利於檔案請求,需要在細化分開打包,如果引用依賴較多,打包在一起2-3M顯然太大了
    3、同時也要考慮打包出來的文件數量,太多了同樣會拖慢加載速度,不過這點一般沒多大問題,打包之後不會有太多包
    4、如果是懶加載,那麼打包分的太細也沒多大影響,做好對每個文件的管理就好

    我的做法是大項目一個模組一個包,公用部分單獨拎出來,單次加載文件數三十四、四五十;小項目乾脆打包到一起,壓縮後文件大小盡量控制在五六百K以內

    回覆
    0
  • 取消回覆