Webpack 教程


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

手冊(cè)簡(jiǎn)介

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

手冊(cè)說(shuō)明

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

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

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

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

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

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

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


更新記錄

在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)