docs(en): merge all conflicts

Author: jacob-lcs

package.json

@@ -139,17 +139,11 @@
     "style-loader": "^3.3.1",
     "tailwindcss": "^3.1.8",
     "tap-spot": "^1.1.2",
-<<<<<<< HEAD
     "textlint": "^11.8.2",
     "textlint-rule-heading": "^1.0.10",
-    "unist-util-visit": "^4.1.0",
-    "webpack": "^5.73.0",
-    "webpack-bundle-analyzer": "^4.5.0",
-=======
     "unist-util-visit": "^4.1.1",
     "webpack": "^5.74.0",
     "webpack-bundle-analyzer": "^4.6.1",
->>>>>>> 73993d98f27c3809f16de688fb7220912ea36505
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.10.1",
     "webpack-merge": "^5.8.0",

src/content/api/plugins.mdx

@@ -9,13 +9,10 @@ contributors:
   - byzyk
   - EugeneHlushko
   - wizardofhogwarts
-<<<<<<< HEAD
+  - snitin315
 translators:
   - chenzesam
   - QC-L
-=======
-  - snitin315
->>>>>>> 73993d98f27c3809f16de688fb7220912ea36505
 ---
 
 插件是 webpack 生态的关键部分，
@@ -94,24 +91,11 @@ compiler.hooks.run.tapPromise(
 
 ## 自定义钩子 $#custom-hooks$
 
-<<<<<<< HEAD
-为了便于其他插件的编译过程中可以 `tap` 到，则需要创建一个新的 hook，
-我们只需要简单的从 `tapable` 中 `require` 所需的 hook 类，并创建：
-=======
-In order to offer a custom hook to the compilation for other plugins to `tap` into,
-you need to do the following:
->>>>>>> 73993d98f27c3809f16de688fb7220912ea36505
+为了便于其他插件的编译过程中可以 `tap` 到，
+你可以这样做：
 
 1. Create a module-scope `WeakMap` for compilation hooks:
 
-<<<<<<< HEAD
-if (compiler.hooks.myCustomHook) throw new Error('已存在该钩子');
-compiler.hooks.myCustomHook = new SyncHook(['a', 'b', 'c']);
-
-// 在你想要触发钩子的位置/时机下调用……
-compiler.hooks.myCustomHook.call(a, b, c);
-```
-=======
     ```ts
     const compilationHooks = new WeakMap<Compilation, MyHooks>();
 
@@ -120,7 +104,7 @@ compiler.hooks.myCustomHook.call(a, b, c);
     }
     ```
 
-2. Create a static method on your plugin:
+2. 在插件中创建一个静态方法：
 
     ```ts
     static getCompilationHooks(compilation: Compilation) : MyHooks {
@@ -134,15 +118,15 @@ compiler.hooks.myCustomHook.call(a, b, c);
     }
     ```
 
-3. Call hooks like below in your plugin:
+3. 像下面这样在你的插件中调用钩子函数：
 
     ```ts
     const hooks = MyPlugin.getCompilationHooks(compilation);
 
     hooks.custom.call(1, 'hello');
     ```
 
-4. Other plugins can access your custom hooks too:
+4. 其他插件也可以访问你的自定义钩子函数：
 
     ```ts
     import MyPlugin from 'my-plugin';
@@ -153,7 +137,6 @@ compiler.hooks.myCustomHook.call(a, b, c);
       // magic
     });
     ```
->>>>>>> 73993d98f27c3809f16de688fb7220912ea36505
 
 再次声明，
 查看 `tapable` [文档](https://github.com/webpack/tapable) 来了解更多不同的钩子类(hook class)，以及它们是如何工作的。

src/content/blog/2020-10-10-webpack-5-release.mdx

@@ -365,11 +365,7 @@ export function test() {
 
 当设置`"sideEffects": false`时，可以省略更多的模块。在这个例子中，当 `test` 导出未被使用时，`./something` 将被省略。
 
-<<<<<<< HEAD
-要获得未使用的导出信息，需要使用 `optimization.unusedExports`。要删除无副作用的模块，需要使用`optimization.sideEffects`。
-=======
-To get the information about unused exports `optimization.usedExports` is required. To remove side-effect-free modules `optimization.sideEffects` is required.
->>>>>>> 73993d98f27c3809f16de688fb7220912ea36505
+要获得未使用的导出信息，需要使用 `optimization.usedExports`。要删除无副作用的模块，需要使用`optimization.sideEffects`。
 
 可以分析以下标记。
 

src/content/configuration/dev-server.mdx

@@ -75,11 +75,7 @@ W> 请注意，当[导出多个配置对象](/configuration/configuration-types/
 
 T> 如果你碰到了问题，请将路由导航至 `/webpack-dev-server` 将会为你展示服务文件的位置。例如： `http://localhost:9000/webpack-dev-server`。
 
-<<<<<<< HEAD
-T> 如果你需要要手动重新编译 `bundle`，将路由导航至 `/invalidate` 使当前编译的 `bundle` [无效](/api/node/#invalidate-watching)，并通过 [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware#invalidate) 为你重新编译。根据你的配置，URL 可能看起来像 `http://localhost:9000/invalidate`。
-=======
-T> If you want to manually recompile the bundle, navigating to the `/webpack-dev-server/invalidate` route will [invalidate](/api/node/#invalidate-watching) the current compilation of the bundle and recompile it for you via [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware#invalidate). Depending on your configuration, the URL may look like `http://localhost:9000/webpack-dev-server/invalidate`.
->>>>>>> 73993d98f27c3809f16de688fb7220912ea36505
+T> 如果你需要要手动重新编译 `bundle`，将路由导航至 `/webpack-dev-server/invalidate` 使当前编译的 `bundle` [无效](/api/node/#invalidate-watching)，并通过 [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware#invalidate) 为你重新编译。根据你的配置，URL 可能看起来像 `http://localhost:9000/webpack-dev-server/invalidate`。
 
 T> 当启动本地服务的时候 HTML 模板是必须提供的，通常是 `index.html`。确保将脚本引用添加到 HTML 中，webpack-dev-server 不会自动注入它们。
 
@@ -1588,13 +1584,8 @@ module.exports = {
       // 如果你想在所有其他中间件之前运行一个中间件或者当你从 `onBeforeSetupMiddleware` 配置项迁移时，
       // 可以使用 `unshift` 方法
       middlewares.unshift({
-<<<<<<< HEAD
-        name: 'fist-in-array',
-        // `path` 是可选的
-=======
         name: 'first-in-array',
-        // `path` is optional
->>>>>>> 73993d98f27c3809f16de688fb7220912ea36505
+        // `path` 是可选的
         path: '/foo/path',
         middleware: (req, res) => {
           res.send('Foo!');