Webpack 教程


閱讀(110k) 收藏 贊(1)

手冊簡介

現(xiàn)代JavaScript應(yīng)用程序的打包工具

手冊說明

本質(zhì)上，webpack 是一個用于現(xiàn)代 JavaScript 應(yīng)用程序的 靜態(tài)模塊打包工具。當(dāng) webpack 處理應(yīng)用程序時，它會在內(nèi)部從一個或多個入口點(diǎn)構(gòu)建一個 依賴圖(dependency graph)，然后將你項目中所需的每一個模塊組合成一個或多個 bundles，它們均為靜態(tài)資源，用于展示你的內(nèi)容。

Tip：
可以在 這里 了解更多關(guān)于 JavaScript 模塊和 webpack 模塊的信息。

從 v4.0.0 開始，webpack 可以不用再引入一個配置文件來打包項目，然而，它仍然有著 高度可配置性，可以很好滿足你的需求。

在開始前你需要先理解一些核心概念：

  • 入口(entry)
  • 輸出(output)
  • loader
  • 插件(plugin)
  • 模式(mode)
  • 瀏覽器兼容性(browser compatibility)
  • 環(huán)境(environment)

本文檔旨在給出這些概念的高度概述，同時提供具體概念的詳盡相關(guān)用例的鏈接。

為了更好地理解模塊打包工具背后的理念，以及在底層它們是如何運(yùn)作的，請參考以下資源：


更新記錄

在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號