知海

插件索引

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 中的列表。

帮助我们改进文档

发现翻译问题或内容错误?请告诉我们。