插件索引
webpackjsorg-main插件参考
title: 插件索引
sort: -1
contributors:
- simon04
- gonzoyumo
- rouzbeh84
- aretecode
- eko3alpha
- refactorized
- byzyk
- EugeneHlushko
- snitin315
- chenxsan
webpack 拥有丰富的插件接口。webpack 自身的大部分功能都使用了这个插件接口。这使得 webpack 非常灵活。
| 名称 | 描述 |
|---|---|
BannerPlugin |
在每个生成的 chunk 顶部添加一个 banner |
ChunksWebpackPlugin |
创建包含入口点与 chunk 关联关系的 HTML 文件,用于为你的 bundles 提供服务 |
CompressionWebpackPlugin |
准备资源的压缩版本,以便通过 Content-Encoding 提供服务 |
ContextReplacementPlugin |
覆盖 require 表达式推断出的上下文 |
CopyWebpackPlugin |
将单个文件或整个目录复制到构建目录 |
DefinePlugin |
允许在编译时配置全局常量 |
DllPlugin |
拆分 bundles 以大幅提升构建时间 |
EnvironmentPlugin |
在 process.env 键上使用 DefinePlugin 的简写形式 |
EslintWebpackPlugin |
用于 webpack 的 ESLint 插件 |
HotModuleReplacementPlugin |
启用模块热替换(HMR) |
HtmlWebpackPlugin |
轻松创建 HTML 文件来为你的 bundles 提供服务 |
IgnorePlugin |
从 bundles 中排除某些模块 |
LimitChunkCountPlugin |
设置 chunk 划分的最小/最大限制,以更好地控制 chunk 划分 |
MergeDuplicateChunksPlugin |
合并包含相同模块的 chunks |
MinChunkSizePlugin |
使 chunk 大小保持在指定限制以上 |
MiniCssExtractPlugin |
为每个需要 CSS 的 JS 文件创建一个 CSS 文件 |
NoEmitOnErrorsPlugin |
当存在编译错误时跳过输出(emit)阶段 |
NormalModuleReplacementPlugin |
替换与正则表达式匹配的资源 |
ProgressPlugin |
报告编译进度 |
ProvidePlugin |
无需使用 import/require 即可使用模块 |
SourceMapDevToolPlugin |
允许对 source map 进行更细粒度的控制 |
EvalSourceMapDevToolPlugin |
允许对 eval source map 进行更细粒度的控制 |
SvgChunkWebpackPlugin |
基于你的入口点依赖,生成经 SVGO 优化的 SVG sprites |
MinimizerPlugin |
使用 Terser(或其他工具)压缩项目中的 JS/CSS/HTML/JSON 等资源 |
如需更多第三方插件,请参阅 awesome-webpack 中的列表。
帮助我们改进文档
发现翻译问题或内容错误?请告诉我们。
