腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

webpack 靜態(tài)模塊打包工具 v5.99.9

webpack打包工具

投訴報(bào)錯

源碼大?。?span>2.49MB
源碼語言：簡體中文
源碼類型：國產(chǎn)軟件
源碼授權(quán)：免費(fèi)軟件
源碼類別：java源碼
應(yīng)用平臺：JavaScript
更新時(shí)間：2025-06-08
網(wǎng)友評分：

360通過騰訊通過金山通過

2.49MB

詳情介紹

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

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

核心概念：

入口(entry)

入口起點(diǎn)(entry point) 指示 webpack 應(yīng)該使用哪個模塊，來作為構(gòu)建其內(nèi)部依賴圖(dependency graph) 的開始。進(jìn)入入口起點(diǎn)后，webpack 會找出有哪些模塊和庫是入口起點(diǎn)（直接和間接）依賴的。

輸出(output)

output 屬性告訴 webpack 在哪里輸出它所創(chuàng)建的 bundle，以及如何命名這些文件。主要輸出文件的默認(rèn)值是 ./dist/main.js，其他生成文件默認(rèn)放置在 ./dist 文件夾中。

loader

webpack 只能理解 JavaScript 和 JSON 文件，這是 webpack 開箱可用的自帶能力。loader 讓 webpack 能夠去處理其他類型的文件，并將它們轉(zhuǎn)換為有效模塊，以供應(yīng)用程序使用，以及被添加到依賴圖中。

插件(plugin)

loader 用于轉(zhuǎn)換某些類型的模塊，而插件則可以用于執(zhí)行范圍更廣的任務(wù)。包括：打包優(yōu)化，資源管理，注入環(huán)境變量。模式(mode)

通過選擇 development, production 或 none 之中的一個，來設(shè)置 mode 參數(shù)，你可以啟用 webpack 內(nèi)置在相應(yīng)環(huán)境下的優(yōu)化。其默認(rèn)值為 production。

環(huán)境

Webpack 5 運(yùn)行于 Node.js v10.13.0+ 的版本。

瀏覽器兼容性

Webpack 支持所有符合 ES5 標(biāo)準(zhǔn) 的瀏覽器（不支持 IE8 及以下版本）。webpack 的 import() 和 require.ensure() 需要 Promise。如果你想要支持舊版本瀏覽器，在使用這些表達(dá)式之前，還需要提前加載 polyfill。

打包模塊靜態(tài) Webpack

下載地址

下載錯誤？【投訴報(bào)錯】