W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
Webpack 擁有豐富的插件接口。webpack 自身的大部分功能都使用這些插件接口。這使得 webpack 很靈活。
插件 | 描述 |
---|---|
BannerPlugin
|
為每個(gè) chunk 文件頭部添加 banner |
CommonsChunkPlugin
|
提取 chunk 之間的公共模塊用以共享 |
CompressionWebpackPlugin
|
準(zhǔn)備好用 Content-Encoding 格式傳送的壓縮版資源包 |
ContextReplacementPlugin
|
重寫(xiě) require 表達(dá)式的推斷上下文 |
CopyWebpackPlugin
|
復(fù)制某個(gè)文件或整個(gè)文件夾到生成目錄中 |
DefinePlugin
|
允許創(chuàng)建一個(gè)在編譯時(shí)可配置的全局常量 |
DllPlugin
|
拆分 bundles,從而大幅減少構(gòu)建時(shí)間 |
EnvironmentPlugin
|
在 process.env 鍵上使用 ?DefinePlugin ? 的簡(jiǎn)寫(xiě)方式 |
EslintWebpackPlugin
|
webpack 的 ESLint 插件 |
HotModuleReplacementPlugin
|
啟用熱更新 (HMR) |
HtmlWebpackPlugin
|
快速創(chuàng)建 HTML 文件來(lái)服務(wù) bundles |
IgnorePlugin
|
從 bundles 包中移除某些模塊 |
LimitChunkCountPlugin
|
設(shè)置 chunk 的最小/最大限制,以便更好的控制 chunk |
MinChunkSizePlugin
|
確保 chunk 大小在指定限制之上 |
MiniCssExtractPlugin
|
為每一個(gè)包含了 CSS 的 JS 文件創(chuàng)建一個(gè) CSS 文件 |
NoEmitOnErrorsPlugin
|
出現(xiàn)編譯錯(cuò)誤時(shí),跳過(guò)輸出階段 |
NormalModuleReplacementPlugin
|
替換與正則表達(dá)式匹配的資源 |
NpmInstallWebpackPlugin
|
開(kāi)發(fā)時(shí)自動(dòng)安裝缺少的依賴 |
ProgressPlugin
|
報(bào)告編譯進(jìn)度 |
ProvidePlugin
|
使用模塊但無(wú)需使用 import/require |
SourceMapDevToolPlugin
|
對(duì) source map 進(jìn)行更細(xì)顆粒度的控制 |
EvalSourceMapDevToolPlugin
|
對(duì) eval source map 進(jìn)行更細(xì)顆粒度的控制 |
TerserPlugin
|
在你的項(xiàng)目中使用 Terser 插件來(lái)壓縮 JS |
查找更多第三方插件,請(qǐng)參閱 awesome-webpack。
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)系方式:
更多建議: