Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

translate plugins page #1771

Merged
merged 2 commits into from
Apr 13, 2023
Merged

translate plugins page #1771

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2bd91f9
Update index.mdx
hexiaokang Feb 1, 2023
345239c
Apply suggestions from code review
jacob-lcs Apr 13, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
57 changes: 30 additions & 27 deletions src/content/plugins/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Plugins
title: 插件
sort: -1
contributors:
- simon04
Expand All @@ -12,34 +12,37 @@ contributors:
- EugeneHlushko
- snitin315
- chenxsan
translators:
- hexiaokang
- jacob-lcs
---
jacob-lcs marked this conversation as resolved.
Show resolved Hide resolved

Webpack has a rich plugin interface. Most of the features within webpack itself use this plugin interface. This makes webpack **flexible**.
Webpack 拥有丰富的插件接口。webpack 自身的大部分功能都使用这些插件接口。这使得 webpack 很**灵活**。

| Name | Description |
| 插件 | 描述 |
| ------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
| [`BannerPlugin`](/plugins/banner-plugin) | Add a banner to the top of each generated chunk |
| [`CommonsChunkPlugin`](/plugins/commons-chunk-plugin) | Extract common modules shared between chunks |
| [`CompressionWebpackPlugin`](/plugins/compression-webpack-plugin) | Prepare compressed versions of assets to serve them with Content-Encoding |
| [`ContextReplacementPlugin`](/plugins/context-replacement-plugin) | Override the inferred context of a `require` expression |
| [`CopyWebpackPlugin`](/plugins/copy-webpack-plugin) | Copies individual files or entire directories to the build directory |
| [`DefinePlugin`](/plugins/define-plugin) | Allow global constants configured at compile time |
| [`DllPlugin`](/plugins/dll-plugin) | Split bundles in order to drastically improve build time |
| [`EnvironmentPlugin`](/plugins/environment-plugin) | Shorthand for using the [`DefinePlugin`](/plugins/define-plugin) on `process.env` keys |
| [`EslintWebpackPlugin`](/plugins/eslint-webpack-plugin) | A ESLint plugin for webpack |
| [`HotModuleReplacementPlugin`](/plugins/hot-module-replacement-plugin) | Enable Hot Module Replacement (HMR) |
| [`HtmlWebpackPlugin`](/plugins/html-webpack-plugin) | Easily create HTML files to serve your bundles |
| [`IgnorePlugin`](/plugins/ignore-plugin) | Exclude certain modules from bundles |
| [`LimitChunkCountPlugin`](/plugins/limit-chunk-count-plugin) | Set min/max limits for chunking to better control chunking |
| [`MinChunkSizePlugin`](/plugins/min-chunk-size-plugin) | Keep chunk size above the specified limit |
| [`MiniCssExtractPlugin`](/plugins/mini-css-extract-plugin) | creates a CSS file per JS file which requires CSS |
| [`NoEmitOnErrorsPlugin`](/configuration/optimization/#optimizationemitonerrors) | Skip the emitting phase when there are compilation errors |
| [`NormalModuleReplacementPlugin`](/plugins/normal-module-replacement-plugin) | Replace resource(s) that matches a regexp |
| [`NpmInstallWebpackPlugin`](/plugins/install-webpack-plugin) | Auto-install missing dependencies during development |
| [`ProgressPlugin`](/plugins/progress-plugin) | Report compilation progress |
| [`ProvidePlugin`](/plugins/provide-plugin) | Use modules without having to use import/require |
| [`SourceMapDevToolPlugin`](/plugins/source-map-dev-tool-plugin) | Enables a more fine grained control of source maps |
| [`EvalSourceMapDevToolPlugin`](/plugins/eval-source-map-dev-tool-plugin) | Enables a more fine grained control of eval source maps |
| [`TerserPlugin`](/plugins/terser-webpack-plugin/) | Uses Terser to minify the JS in your project |
| [`BannerPlugin`](/plugins/banner-plugin) | 为每个 chunk 文件头部添加 banner |
| [`CommonsChunkPlugin`](/plugins/commons-chunk-plugin) | 提取 chunk 之间的公共模块用以共享 |
| [`CompressionWebpackPlugin`](/plugins/compression-webpack-plugin) | 准备好用 Content-Encoding 格式传送的压缩版资源包 |
| [`ContextReplacementPlugin`](/plugins/context-replacement-plugin) | 重写 require 表达式的推断上下文 |
| [`CopyWebpackPlugin`](/plugins/copy-webpack-plugin) | 复制某个文件或整个文件夹到生成目录中 |
| [`DefinePlugin`](/plugins/define-plugin) | 允许创建一个在编译时可配置的全局常量 |
| [`DllPlugin`](/plugins/dll-plugin) | 拆分 bundles，从而大幅减少构建时间 |
| [`EnvironmentPlugin`](/plugins/environment-plugin) | 在 `process.env` 键上使用 [`DefinePlugin`](/plugins/define-plugin) 的简写方式 |
| [`EslintWebpackPlugin`](/plugins/eslint-webpack-plugin) | webpack 的 ESLint 插件 |
| [`HotModuleReplacementPlugin`](/plugins/hot-module-replacement-plugin) | 启用热更新 (HMR) |
| [`HtmlWebpackPlugin`](/plugins/html-webpack-plugin) | 快速创建 HTML 文件来服务 bundles |
| [`IgnorePlugin`](/plugins/ignore-plugin) | 从 bundles 包中移除某些模块 |
| [`LimitChunkCountPlugin`](/plugins/limit-chunk-count-plugin) | 设置 chunk 的最小/最大限制，以便更好的控制 chunk |
| [`MinChunkSizePlugin`](/plugins/min-chunk-size-plugin) | 确保 chunk 大小在指定限制之上 |
| [`MiniCssExtractPlugin`](/plugins/mini-css-extract-plugin) | 为每一个包含了 CSS 的 JS 文件创建一个 CSS 文件 |
| [`NoEmitOnErrorsPlugin`](/configuration/optimization/#optimizationemitonerrors) | 出现编译错误时，跳过输出阶段 |
| [`NormalModuleReplacementPlugin`](/plugins/normal-module-replacement-plugin) | 替换与正则表达式匹配的资源 |
| [`NpmInstallWebpackPlugin`](/plugins/install-webpack-plugin) | 开发时自动安装缺少的依赖 |
| [`ProgressPlugin`](/plugins/progress-plugin) | 报告编译进度 |
| [`ProvidePlugin`](/plugins/provide-plugin) | 使用模块但无需使用 import/require |
| [`SourceMapDevToolPlugin`](/plugins/source-map-dev-tool-plugin) | 对 source map 进行更细颗粒度的控制 |
| [`EvalSourceMapDevToolPlugin`](/plugins/eval-source-map-dev-tool-plugin) | 对 eval source map 进行更细颗粒度的控制 |
| [`TerserPlugin`](/plugins/terser-webpack-plugin/) | 在你的项目中使用 Terser 插件来压缩 JS |

For more third-party plugins, see the list from [awesome-webpack](/awesome-webpack/#webpack-plugins).
查找更多第三方插件，请参阅 [awesome-webpack](/awesome-webpack/#webpack-plugins)。