外掛

Webpack 有一個豐富的外掛程式介面。Webpack 本身內的大部分功能都使用這個外掛程式介面。這讓 Webpack 具備彈性

名稱說明
BannerPlugin在每個產生的區塊頂端加入橫幅
ChunksWebpackPlugin使用進入點和區塊關聯建立 HTML 檔案,以提供您的套件
CommonsChunkPlugin萃取區塊之間共用的共用模組
CompressionWebpackPlugin準備壓縮版本的資產,以使用 Content-Encoding 提供它們
ContextReplacementPlugin覆寫 require 表達式的推論內容
CopyWebpackPlugin將個別檔案或整個目錄複製到建置目錄
DefinePlugin允許在編譯時組態的全球常數
DllPlugin分割套件,以大幅改善建置時間
EnvironmentPlugin使用 DefinePlugin 的簡寫,在 process.env 鍵上
EslintWebpackPluginWebpack 的 ESLint 外掛程式
HotModuleReplacementPlugin啟用熱模組替換 (HMR)
HtmlWebpackPlugin輕鬆建立 HTML 檔案,以提供您的套件
IgnorePlugin從套件中排除特定模組
LimitChunkCountPlugin設定區塊化的最小/最大限制,以更好地控制區塊化
MinChunkSizePlugin保持區塊大小高於指定的限制
MiniCssExtractPlugin為每個需要 CSS 的 JS 檔案建立一個 CSS 檔案
NoEmitOnErrorsPlugin當有編譯錯誤時跳過發射階段
NormalModuleReplacementPlugin替換符合正規表示式的資源
NpmInstallWebpackPlugin在開發期間自動安裝遺失的依賴項
ProgressPlugin報告編譯進度
ProvidePlugin使用模組而無需使用 import/require
SourceMapDevToolPlugin啟用更精細的來源地圖控制
EvalSourceMapDevToolPlugin啟用更精細的 eval 來源地圖控制
SvgChunkWebpackPlugin根據您的進入點依賴項,生成由 SVGO 最佳化的 SVG 精靈圖
TerserPlugin使用 Terser 來縮小專案中的 JS

有關更多第三方外掛程式,請參閱 awesome-webpack 中的清單。

10 貢獻者

simon04gonzoyumorouzbeh84aretecodeeko3alpharefactorizedbyzykEugeneHlushkosnitin315chenxsan