Webpack是當(dāng)下最熱門(mén)的前端資源模塊化管理和打包工具，主要目的是在瀏覽器上打包 JavaScript 文件。可以將許多松散的模塊按照依賴和規(guī)則打包成符合生產(chǎn)環(huán)境部署的前端資源，方便項(xiàng)目的移動(dòng)、復(fù)制、打包等。有需要的用戶快通過(guò)kk下載分享的地址來(lái)獲取這款離線安裝包吧~

框架特性

Webpack離線安裝包 安裝方法

請(qǐng)確保安裝了 Node.js 的最新版本。使用 Node.JS 最新的長(zhǎng)期支持版本(LTS - Long Term Support)，是理想的起步。使用舊版本，你可能遇到各種問(wèn)題，因?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 通過(guò)運(yùn)行一個(gè)或多個(gè) npm scripts，會(huì)在本地 node_modules 目錄中查找安裝的 webpack：

"scripts": {

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

}

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

Webpack離線安裝包 特點(diǎn)

代碼拆分。
Webpack有兩種方式來(lái)組織模塊依賴關(guān)系，同步和異步。異步依賴作為一個(gè)分界點(diǎn)形成一個(gè)新的塊。優(yōu)化依賴樹(shù)后，每個(gè)異步塊都打包成一個(gè)文件。
裝載機(jī).
Webpack本身只能處理本機(jī)JavaScript模塊，但是加載器轉(zhuǎn)換器可以將各種類型的資源轉(zhuǎn)換成JavaScript模塊。這樣，任何資源都可以成為Webpack可以處理的模塊。
智能解析。
Webpack有一個(gè)智能解析器，幾乎可以處理任何第三方庫(kù)，無(wú)論它們的模塊形式是CommonJS、AMD還是普通JS文件。即使在加載依賴項(xiàng)時(shí)，動(dòng)態(tài)表達(dá)式也要求("。/templates/"+name+"。玉”)是允許的。
外掛系統(tǒng)。
Webpack還有一個(gè)功能豐富的插件系統(tǒng)。大部分內(nèi)容功能都是基于這個(gè)插件系統(tǒng)，可以開(kāi)發(fā)和使用開(kāi)源的Webpack插件來(lái)滿足各種需求。
快跑。
Webpack使用異步I/O和多級(jí)緩存來(lái)提高運(yùn)行效率，這使得Webpack以驚人的速度遞增編譯。
框架優(yōu)勢(shì)。
1.按需加載模塊，按需延遲加載，當(dāng)一些模塊被實(shí)際使用時(shí)增量更新。
2webpack以commonJS的形式編寫(xiě)腳本，但也全面支持AMD/CMD，方便舊項(xiàng)目的代碼遷移。
不僅是JS可以模塊化，還可以處理各種類型的資源。
4.它易于開(kāi)發(fā)，可以代替一些繁重的工作，如打包、壓縮混淆、圖像轉(zhuǎn)換為base64等。
5.擴(kuò)展性強(qiáng)，插件機(jī)制完善。