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

快捷導(dǎo)航

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

webpack打包工具

投訴報(bào)錯(cuò)

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

360通過(guò) 騰訊通過(guò) 金山通過(guò)

2.49MB

詳情介紹

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è) 依賴(lài)圖(dependency graph)，然后將你項(xiàng)目中所需的每一個(gè)模塊組合成一個(gè)或多個(gè) bundles，它們均為靜態(tài)資源，用于展示你的內(nèi)容。

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

核心概念：

入口(entry)

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

輸出(output)

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

loader

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

插件(plugin)

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

通過(guò)選擇 development, production 或 none 之中的一個(gè)，來(lái)設(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

下載地址

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