亚洲乱色熟女一区二区三区麻豆,永久黄网站色视频免费,亚洲欧美日韩一区二区,亚洲综合色噜噜狠狠网站超清,中文字幕乱码一区二区三区免费

首頁 > win軟件 > 編程開發(fā) > 編程軟件 > Webpack
Webpack

Webpack

官方版 v4.43.0
大小

2.00MB

語言

簡(jiǎn)體

系統(tǒng)

WinAll

類別

編程軟件

下載

1302

更新

2025-04-03

要不點(diǎn)點(diǎn)贊?

72

軟件介紹

Webpack官方版是一款專業(yè)好用的前端資源模塊化管理和打包工具。Webpack最新版擁有前端設(shè)計(jì)的強(qiáng)大框架,能夠幫助用戶將松散的模塊打包成符合生產(chǎn)環(huán)境部署的前端資源。Webpack軟件內(nèi)置了css、AMD、Json、coffeescript等模塊,滿足用戶對(duì)開發(fā)的個(gè)性化需求。

軟件特色

      1、Webpack提供了強(qiáng)大的開發(fā)分析功能

      2、可以將一個(gè)應(yīng)用程序的模塊打包為不同的數(shù)據(jù)

      3、軟件在設(shè)計(jì)的時(shí)候是有很多功能模塊的

      4、每一個(gè)模塊都需要獨(dú)立設(shè)計(jì)

      5、通過這款軟件就可以重新編譯這些軟件模塊

      6、可以將不同的模塊獨(dú)立保存

      7、讓您在開發(fā)相同應(yīng)用程序的時(shí)候可以利用模塊框架

      8、提高新應(yīng)用程序編輯的效率

      9、對(duì)于維護(hù)模塊數(shù)據(jù)以及部署開發(fā)環(huán)境等方面都是有用的

      10、Webpack擁有多種輸出模式

      11、內(nèi)置的插件也是比較多的

      12、支持webpack.config.js配置模塊

      13、支持example.js案例文件,手動(dòng)指定分隔的模塊到不同的模塊中。

軟件功能

      代碼拆分

      Webpack 有兩種組織模塊依賴的方式,同步和異步。異步依賴作為分割點(diǎn),形成一個(gè)新的塊。在優(yōu)化了依賴樹后,每一個(gè)異步區(qū)塊都作為一個(gè)文件被打包。

      Loader

      Webpack 本身只能處理原生的 JavaScript 模塊,但是 loader 轉(zhuǎn)換器可以將各種類型的資源轉(zhuǎn)換成 JavaScript 模塊。這樣,任何資源都可以成為 Webpack 可以處理的模塊。

      智能解析

      Webpack 有一個(gè)智能解析器,幾乎可以處理任何第三方庫,無論它們的模塊形式是 CommonJS、 AMD 還是普通的 JS 文件。甚至在加載依賴的時(shí)候,允許使用動(dòng)態(tài)表達(dá)式 require("./templates/" + name + ".jade")。

      插件系統(tǒng)

      Webpack 還有一個(gè)功能豐富的插件系統(tǒng)。大多數(shù)內(nèi)容功能都是基于這個(gè)插件系統(tǒng)運(yùn)行的,還可以開發(fā)和使用開源的 Webpack 插件,來滿足各式各樣的需求。

      快速運(yùn)行

      Webpack 使用異步 I/O 和多級(jí)緩存提高運(yùn)行效率,這使得 Webpack 能夠以令人難以置信的速度快速增量編譯。

安裝步驟

      請(qǐng)確保安裝了 Node.js 的最新版本。使用 Node.JS 最新的長(zhǎng)期支持版本(LTS - Long Term Support),是理想的起步。使用舊版本,你可能遇到各種問題,因?yàn)樗鼈兛赡苋鄙?webpack 功能以及/或者缺少相關(guān) package 包。

      要安裝最新版本或特定版本,請(qǐng)運(yùn)行以下命令之一:

      npm install --save-dev webpack

      npm install --save-dev webpack@

      如果你使用 webpack 4+ 版本,你還需要安裝 CLI。

      npm install --save-dev webpack-cli

      對(duì)于大多數(shù)項(xiàng)目,我們建議本地安裝。這可以使我們?cè)谝肫茐氖阶兏?breaking change)的依賴時(shí),更容易分別升級(jí)項(xiàng)目。通常,webpack 通過運(yùn)行一個(gè)或多個(gè) npm scripts,會(huì)在本地 node_modules 目錄中查找安裝的 webpack:

      "scripts": {

      "start": "webpack --config webpack.config.js"

      }

      當(dāng)你在本地安裝 webpack 后,你能夠從 node_modules/.bin/webpack 訪問它的 bin 版本。

更新日志

      1 修復(fù)缺失的調(diào)試依賴

      2 支持?jǐn)?shù)組output.library.root

案例說明

      這個(gè)例子結(jié)合了代碼拆分和加載器。確保您已閱讀僅顯示該功能的示例文檔。

      bundle loader被用來為`file.js`創(chuàng)建一個(gè)包裝模塊,用于根據(jù)需要加載這個(gè)模塊。包裝模塊返回一個(gè)可以被調(diào)用以異步接收內(nèi)部模塊的函數(shù)。

      2、將[chunkhash]和Code Splitting組合在一起的一個(gè)常見挑戰(zhàn)是入口塊包含webpack運(yùn)行時(shí)和chunkhash映射。這意味著它總是被更新,`[chunkhash]`是無用的,因?yàn)檫@個(gè)塊不會(huì)被緩存。

      解決此問題的一個(gè)非常簡(jiǎn)單的方法是創(chuàng)建另一個(gè)僅包含webpack運(yùn)行時(shí)(包括chunkhash映射)的塊。這可以通過`optimization.runtimeChunk`選項(xiàng)來實(shí)現(xiàn)。為了避免對(duì)另一個(gè)塊的附加請(qǐng)求,這個(gè)非常小的塊可以內(nèi)聯(lián)到HTML頁面中。

      3、side-effects

      這個(gè)例子顯示了庫作者的`sideEffects`標(biāo)志是如何工作的。

      該示例包含一個(gè)大型庫“big-module”。 `big-module`包含多個(gè)子模塊:`a`,`b`和`c`。來自子模塊的輸出在庫的輸入模塊(`index.js`)中被重新輸出。消費(fèi)者使用**一些**出口,從庫中通過`import {a,b}從“大模塊”中導(dǎo)入它們。根據(jù)EcmaScript規(guī)范,所有子模塊_必須被評(píng)估,因?yàn)樗鼈兛赡馨弊饔谩?

      `big-module`的`package.json`中的``sideEffects“:false`標(biāo)志表示該軟件包的模塊沒有副作用(評(píng)估時(shí)),只顯示導(dǎo)出。這使得像webpack這樣的工具可以優(yōu)化再出口。在來自“big-module-with-flag”`的import {a,b}被重寫為`import {a} from“big-module-with-flag / a”;從“big-module-with-flag / b”`導(dǎo)入。

      該示例包含兩個(gè)“big-module”變體。 `big-module`沒有`sideEffects`標(biāo)志,`big-module-with-flag`有`sideEffects`標(biāo)志。示例客戶端從每個(gè)變體中導(dǎo)入`a`和`b`。

      在由webpack構(gòu)建之后,輸出包從`big-module`包含`index.js``a.js``b.js``c.js`,但只包含`a.js`和`b.js`從`big-module-with-flag`。


小編寄語

      Webpack是現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器(module bundler)。當(dāng) webpack 處理應(yīng)用程序時(shí),它會(huì)遞歸地構(gòu)建一個(gè)依賴關(guān)系圖(dependency graph),其中包含應(yīng)用程序需要的每個(gè)模塊,然后將所有這些模塊打包成一個(gè)或多個(gè) bundle。

軟件介紹 軟件特色 軟件功能 安裝步驟 更新日志 小編寄語