Webpack 有一個豐富的外掛程式介面。Webpack 本身內的大部分功能都使用這個外掛程式介面。這讓 Webpack 具備彈性。
名稱 | 說明 |
---|---|
BannerPlugin | 在每個產生的區塊頂端加入橫幅 |
ChunksWebpackPlugin | 使用進入點和區塊關聯建立 HTML 檔案,以提供您的套件 |
CommonsChunkPlugin | 萃取區塊之間共用的共用模組 |
CompressionWebpackPlugin | 準備壓縮版本的資產,以使用 Content-Encoding 提供它們 |
ContextReplacementPlugin | 覆寫 require 表達式的推論內容 |
CopyWebpackPlugin | 將個別檔案或整個目錄複製到建置目錄 |
DefinePlugin | 允許在編譯時組態的全球常數 |
DllPlugin | 分割套件,以大幅改善建置時間 |
EnvironmentPlugin | 使用 DefinePlugin 的簡寫,在 process.env 鍵上 |
EslintWebpackPlugin | Webpack 的 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 中的清單。