首頁  >  問答  >  主體

javascript - 不是很理解webpack的模組打包想法?

正在透過webpack官方文件學習webpack;
開始webpack是把所有資源當作模組來處理,並進行打包成bundle。看還不錯 很吸引人。

但是看到後面我對打包這個概念表示迷惑。

看到程式碼分離那裡,說為了充分利用瀏覽器的平行載入和快取機制,要把css和第三方函式庫檔案單獨打包成一個bundle。

那結果不就是把常規的用標籤引入資源,改成了用require的方式在js裡顯示的載入了嗎?
那麼除了顯示的宣告了依賴以外,模組打包的優點是什麼?

看到程式碼分離那個地方,我反而在想,既然要分開,那我為什麼還要模組打包呢?

這個模組打包有什麼好處嗎?

阿神阿神2663 天前776

全部回覆(3)我來回復

  • 某草草

    某草草2017-06-13 09:25:42

    比如說,分離css那裡。要先require把css引入,然後用插件單獨打包成一個bundle,然後在html裡用標籤引入。

    我為什麼要多此一舉,打包一下?直接像常規做法那樣html裡用標籤引入不是更好嗎?

    回覆
    0
  • 伊谢尔伦

    伊谢尔伦2017-06-13 09:25:42

    模組化是為了寫程式碼方便,打包是為了運行程式碼方便

    另外webpack是可以分開打包的

    回覆
    0
  • 大家讲道理

    大家讲道理2017-06-13 09:25:42

    如果你做SPA,或者如果你不使用scss,postcss,圖片壓縮,圖片base64自動轉換,手動插入CSS或者JS其實問題不算大。做一個vue多頁面的項目,可能會體會到js或是css自動插入到html的便利之處了。

    以前手動link方式引入css的時候,為了方便,我會將所有的css內容放在同一個文件中,否則又要加link,但是所有的css在一個文件,開發其實是不方便的。有的webpack之後,我可以讓css檔案盡量切分,從檔案結構就變得清晰

    webpack的關於CSS的的好處,暫時就想到這麼一些

    回覆
    0
  • 取消回覆