W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
在模塊化編程中,開(kāi)發(fā)者將程序分解為功能離散的 chunk,并稱之為模塊。
每個(gè)模塊都擁有小于完整程序的體積,使得驗(yàn)證、調(diào)試及測(cè)試變得輕而易舉。 精心編寫(xiě)的 模塊 提供了可靠的抽象和封裝界限,使得應(yīng)用程序中每個(gè)模塊都具備了條理清晰的設(shè)計(jì)和明確的目的。
Node.js 從一開(kāi)始就支持模塊化編程。 然而,web 的 模塊化 正在緩慢支持中。 在 web 界存在多種支持 JavaScript 模塊化的工具,這些工具各有優(yōu)勢(shì)和限制。 Webpack 從這些系統(tǒng)中汲取了經(jīng)驗(yàn)和教訓(xùn),并將 模塊 的概念應(yīng)用到項(xiàng)目的任何文件中。
與 Node.js 模塊相比,webpack 模塊 能以各種方式表達(dá)它們的依賴關(guān)系。下面是一些示例:
import
? 語(yǔ)句require()
? 語(yǔ)句define
? 和 ?require
? 語(yǔ)句@import
? 語(yǔ)句。url(...)
? 或者 HTML ?<img src=...>
? 文件中的圖片鏈接。Webpack 天生支持如下模塊類型:
通過(guò) loader 可以使 webpack 支持多種語(yǔ)言和預(yù)處理器語(yǔ)法編寫(xiě)的模塊。loader 向 webpack 描述了如何處理非原生模塊,并將相關(guān)依賴引入到你的 bundles中。 webpack 社區(qū)已經(jīng)為各種流行的語(yǔ)言和預(yù)處理器創(chuàng)建了 loader,其中包括:
當(dāng)然還有更多!總得來(lái)說(shuō),webpack 提供了可定制,強(qiáng)大且豐富的 API,允許在 任何技術(shù)棧 中使用,同時(shí)支持在開(kāi)發(fā)、測(cè)試和生產(chǎn)環(huán)境的工作流中做到 無(wú)侵入性。
關(guān)于 loader 的相關(guān)信息,請(qǐng)參考 loader 列表 或 自定義 loader。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: