首頁 >web前端 >js教程 >包裹作為捆綁商的好處

包裹作為捆綁商的好處

王林
王林原創
2024-07-19 02:16:34929瀏覽

benefits of parcel as a bundler

包裹的好處

  • 開發工具
  • HMR - 熱模組更換 --->>如何 - 透過使用 C++ 中的檔案監視演算法來追蹤您的程式碼並儘快 您嘗試保存文件,它會使用新程式碼刷新伺服器
  • 本地伺服器http://localhost:1234
  • 快取記憶體 mang。 --->速度很快
  • 影像最佳化
  • 壓縮檔
  • 捆綁
  • 內容雜湊
  • 差異捆綁babel
  • 也可以在 ssl https 上運作
  • 樹搖動--->刪除未使用的額外程式碼或函數

    內容擁有: - Parcel 中的內容雜湊涉及根據每個檔案的內容產生唯一的 SHA-256 雜湊。在部署應用程式之前,Parcel 會將這些雜湊值與其快取目錄 (.parcel-cache) 中儲存的雜湊值進行比較。如果文件的雜湊值與其快取版本匹配,Parcel 將使用快取文件,從而避免不必要的重建並優化部署速度。當檔案的內容發生變更時,其雜湊值會更新,從而提示 Parcel 僅重建已修改的檔案並在伺服器上更新它們。這種方法不僅可以透過重複使用未更改的檔案來提高建置效能,還可以確保瀏覽器透過基於檔案雜湊的唯一檔案名稱可靠地接收更新的內容,從而防止部署期間出現快取問題。

    hmr 詳細資料 - 所以基本上當檔案被修改時,即它的雜湊值現在與舊版本的雜湊值不同,修改後的檔案僅在瀏覽器中更新,而哈希值與舊版本哈希值相同的所有其他文件使用.parcel-cache 文件,可以減少時間並避免從頭開始重建整個應用程序,每次程式設計師保存文件時都會觸發這一切&&瀏覽器正在運行該應用程式(即時)

    差異化捆綁:由於 babel 用於在包裹中進行捆綁——它執行多項任務

    • babel 將 es6+ js 程式碼轉換為應用程式在舊版瀏覽器中執行所需的 es5 程式碼
    • 它將react的jsx程式碼轉換為js程式碼(jsx轉換為js物件(ast)),因為我們都知道瀏覽器的v8引擎無法理解jsx程式碼
    • 它還可以轉換 JavaScript 中的 typescript,因為 TS 是 js 的超集,它將靜態類型加入到 js

以上是包裹作為捆綁商的好處的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn