網(wǎng)絡(luò)資訊：Webpack 是什么

今天來(lái)說(shuō)一下Webpack 是什么這方面的一些訊息，不少朋友對(duì)Webpack 是什么這方面的一些訊息頗感興趣的，小編今天就整理了一些信息，希望對(duì)有需要的朋友有所幫助。

Webpack 是一個(gè)開(kāi)源的前端打包工具。Webpack 提供了前端開(kāi)發(fā)缺乏的模塊化開(kāi)發(fā)方式，將各種靜態(tài)資源視為模塊，并從它生成優(yōu)化過(guò)的代碼。要使用Webpack 前須先安裝Node.js。

Webpack 是一個(gè)開(kāi)源的前端打包工具。Webpack 提供了前端開(kāi)發(fā)缺乏的模塊化開(kāi)發(fā)方式，將各種靜態(tài)資源視為模塊，并從它生成優(yōu)化過(guò)的代碼。 Webpack 可以從終端、或是更改 webpack.config.js 來(lái)設(shè)置各項(xiàng)功能。 要使用 Webpack 前須先安裝 Node.js。

Webpack 其中一個(gè)特性是使用加載器來(lái)將資源轉(zhuǎn)化成模塊。開(kāi)發(fā)者可以自定義加載器的順序、格式來(lái)因應(yīng)項(xiàng)目的需求。

webpack 的主要目標(biāo)是將 JavaScript 文件打包在一起，打包后的文件用于在瀏覽器中使用，但它也能夠勝任轉(zhuǎn)換(transform)、打包(bundle)或包裹(package)任何資源(resource or asset)。

在模塊化編程中，開(kāi)發(fā)者將程序分解成離散功能塊(discrete chunks of functionality)，并稱之為模塊。

每個(gè)模塊具有比完整程序更小的接觸面，使得校驗(yàn)、調(diào)試、測(cè)試輕而易舉。 精心編寫(xiě)的模塊提供了可靠的抽象和封裝界限，使得應(yīng)用程序中每個(gè)模塊都具有條理清楚的設(shè)計(jì)和明確的目的。

Node.js 從最一開(kāi)始就支持模塊化編程。然而，在 web，模塊化的支持正緩慢到來(lái)。在 web 存在多種支持 JavaScript 模塊化的工具，這些工具各有優(yōu)勢(shì)和限制。webpack 基于從這些系統(tǒng)獲得的經(jīng)驗(yàn)教訓(xùn)，并將模塊的概念應(yīng)用于項(xiàng)目中的任何文件。

webpack 通過(guò) loader 可以支持各種語(yǔ)言和預(yù)處理器編寫(xiě)模塊。loader 描述了 webpack 如何處理 非 JavaScript(non-JavaScript) _ 模塊 _，并且在 bundle 中引入這些依賴。

總的來(lái)說(shuō)，webpack 提供了可定制的、強(qiáng)大和豐富的 API，允許任何技術(shù)棧使用 webpack，保持了在你的開(kāi)發(fā)、測(cè)試和生成流程中無(wú)侵入性(non-opinionated)。

以上就是關(guān)于Webpack 是什么對(duì)比這方面的一些信息了 小編整理的這些訊息希望對(duì)童鞋們有所幫助。