docs(cn): translate src/content/plugins/split-chunks-plugins.md #854

weiyuan0609 · 2020-09-24T13:18:54Z

describe your changes...

Read and sign the CLA. PRs that haven't signed it won't be accepted.
Make sure your PR complies with the writer's guide.
Review the diff carefully as sometimes this can reveal issues.
Do not abandon your Pull Request: Stale Pull Requests.
Remove these instructions from your PR as they are for your eyes only.

…to cn

netlify · 2020-09-24T13:26:37Z

Deploy preview for cn-webpack ready!

Built with commit 414603c

https://deploy-preview-854--cn-webpack.netlify.app

QC-L · 2020-10-25T10:11:37Z

开始看了~

weiyuan0609 · 2020-11-12T02:28:55Z

开始看了~

👌

weiyuan0609 · 2020-11-16T02:03:24Z

重新合并了

jacob-lcs · 2021-02-15T00:56:52Z

src/content/plugins/split-chunks-plugin.md

- New chunk would be bigger than 20kb (before min+gz)
- Maximum number of parallel requests when loading chunks on demand would be lower or equal to 30
- Maximum number of parallel requests at initial page load would be lower or equal to 30
+- 新的 chunk 可以被多个 chunk 分享，或者它来自于 node_modules 文件夹


Suggested change

- 新的 chunk 可以被多个 chunk 分享，或者它来自于 node_modules 文件夹

- 新的 chunk 可以被多个 chunk 分享，或者模块来自于 node_modules 文件夹

jacob-lcs · 2021-02-15T00:59:26Z

src/content/plugins/split-chunks-plugin.md


-webpack provides a set of options for developers that want more control over this functionality.
+webpack 为希望对该功能进行更多控制的开发人员提供了一组选项。


Suggested change

webpack 为希望对该功能进行更多控制的开发人员提供了一组选项。

webpack 为希望对该功能进行更多控制的开发者提供了一组选项。

jacob-lcs · 2021-02-15T01:01:38Z

src/content/plugins/split-chunks-plugin.md


-W> The default configuration was chosen to fit web performance best practices, but the optimal strategy for your project might differ. If you're changing the configuration, you should measure the impact of your changes to ensure there's a real benefit.
+W> 选择了默认配置以适合 Web 性能最佳实践，但是项目的最佳策略可能有所不同。如果要更改配置，则应评估所做更改的影响，以确保有真正的收益。


Suggested change

W> 选择了默认配置以适合 Web 性能最佳实践，但是项目的最佳策略可能有所不同。如果要更改配置，则应评估所做更改的影响，以确保有真正的收益。

W> 选择默认配置是为了符合 web 性能最佳实践，但是项目的最佳策略可能有所不同。如果要更改配置，则应评估所做更改的影响，以确保有真正的收益。

jacob-lcs · 2021-02-15T01:08:39Z

src/content/plugins/split-chunks-plugin.md

@@ -85,21 +85,21 @@ module.exports = {
 };
 ```

-W> When files paths are processed by webpack, they always contain `/` on Unix systems and `\` on Windows. That's why using `[\\/]` in `{cacheGroup}.test` fields is necessary to represent a path separator. `/` or `\` in `{cacheGroup}.test` will cause issues when used cross-platform.
+W> 当 webpack 处理文件路径时，它们始终包含 `/` 在 Unix 系统和 `\` 在 Windows 上。这就是为什么 `[\\/]` 在 `{cacheGroup}.test` 字段中使用 in 来表示路径分隔符的原因。`/` 或 `\` in `{cacheGroup}.test` 会在跨平台使用时引起问题。


Suggested change

W> 当 webpack 处理文件路径时，它们始终包含 `/` 在 Unix 系统和 `\` 在 Windows 上。这就是为什么 `[\\/]` 在 `{cacheGroup}.test` 字段中使用 in 来表示路径分隔符的原因。`/` 或 `\` in `{cacheGroup}.test` 会在跨平台使用时引起问题。

W> 当 webpack 处理文件路径时，它们始终包含Unix 系统中的 `/` 和 Windows 系统中的 `\`。这就是为什么在 `{cacheGroup}.test` 字段中使用 `[\\/]` 来表示路径分隔符。`{cacheGroup}.test` 中的 `/` 或 `\` 会在跨平台使用时引起问题。

jacob-lcs · 2021-02-15T01:11:33Z

src/content/plugins/split-chunks-plugin.md


-W> Since webpack 5, passing an entry name to `{cacheGroup}.test` and using a name of an existing chunk for `{cacheGroup}.name` is no longer allowed.
+W> 从 webpack 5 开始，不再允许将条目名称传递给 `{cacheGroup}.test` 现有的 chunk 并使用现有的 chunk 的名称 `{cacheGroup}.name`。


Suggested change

W> 从 webpack 5 开始，不再允许将条目名称传递给 `{cacheGroup}.test` 现有的 chunk 并使用现有的 chunk 的名称 `{cacheGroup}.name`。

W> 从 webpack 5 开始，不再允许将 entry 名称传递给 `{cacheGroup}.test` 或者为 `{cacheGroup}.name` 使用现有的 chunk 的名称。

jacob-lcs · 2021-02-15T01:54:28Z

src/content/plugins/split-chunks-plugin.md


-Why:
+为什么？


Suggested change

为什么？

为什么：

jacob-lcs · 2021-02-15T01:55:18Z

src/content/plugins/split-chunks-plugin.md


-What's the reasoning behind this? `react` probably won't change as often as your application code. By moving it into a separate chunk this chunk can be cached separately from your app code (assuming you are using chunkhash, records, Cache-Control or other long term cache approach).
+这背后的原因是什么？`react` 可能不会像您的应用程序代码那样频繁地更改。通过将其移动到单独的 chunk 中，可以将该 chunk 与应用程序代码分开进行缓存（假设您使用的是 chunkhash，records，Cache-Control 或其他长期缓存方法）。


Suggested change

这背后的原因是什么？`react` 可能不会像您的应用程序代码那样频繁地更改。通过将其移动到单独的 chunk 中，可以将该 chunk 与应用程序代码分开进行缓存（假设您使用的是 chunkhash，records，Cache-Control 或其他长期缓存方法）。

这背后的原因是什么？`react` 可能不会像你的应用程序代码那样频繁地更改。通过将其移动到单独的 chunk 中，可以将该 chunk 与应用程序代码分开进行缓存（假设你使用的是 chunkhash，records，Cache-Control 或其他长期缓存方法）。

jacob-lcs · 2021-02-15T01:55:37Z

src/content/plugins/split-chunks-plugin.md


-Why:
+为什么？


Suggested change

为什么？

为什么：

jacob-lcs · 2021-02-15T01:56:17Z

src/content/plugins/split-chunks-plugin.md

@@ -494,7 +494,7 @@ module.exports = {

 `boolean = false`

-Tells webpack to ignore [`splitChunks.minSize`](#splitchunksminsize), [`splitChunks.minChunks`](#splitchunksminchunks), [`splitChunks.maxAsyncRequests`](#splitchunksmaxasyncrequests) and [`splitChunks.maxInitialRequests`](#splitchunksmaxinitialrequests) options and always create chunks for this cache group.
+告诉 webpack 忽略 [`splitChunks.minSize`](#splitchunksminsize)，[`splitChunks.minChunks`](#splitchunksminchunks)，[`splitChunks.maxAsyncRequests`](#splitchunksmaxasyncrequests) 和 [`splitChunks.maxInitialRequests`](#splitchunksmaxinitialrequests) 选项，并始终为此缓存组创建 chunks。


Suggested change

告诉 webpack 忽略 [`splitChunks.minSize`](#splitchunksminsize)，[`splitChunks.minChunks`](#splitchunksminchunks)，[`splitChunks.maxAsyncRequests`](#splitchunksmaxasyncrequests) 和 [`splitChunks.maxInitialRequests`](#splitchunksmaxinitialrequests) 选项，并始终为此缓存组创建 chunks。

告诉 webpack 忽略 [`splitChunks.minSize`](#splitchunksminsize)、[`splitChunks.minChunks`](#splitchunksminchunks)、[`splitChunks.maxAsyncRequests`](#splitchunksmaxasyncrequests) 和 [`splitChunks.maxInitialRequests`](#splitchunksmaxinitialrequests) 选项，并始终为此缓存组创建 chunk。

jacob-lcs · 2021-02-15T01:59:06Z

src/content/plugins/split-chunks-plugin.md

@@ -292,7 +292,7 @@ module.exports = {

 ### `splitChunks.cacheGroups` {#splitchunkscachegroups}

-Cache groups can inherit and/or override any options from `splitChunks.*`; but `test`, `priority` and `reuseExistingChunk` can only be configured on cache group level. To disable any of the default cache groups, set them to `false`.
+缓存组可以继承和 / 或覆盖来自 `splitChunks。*` 的任何选项。但是 `test`，`priority` 和 `reuseExistingChunk` 只能在缓存组级别上进行配置。要禁用任何默认缓存组，请将它们设置为 `false`。


Suggested change

缓存组可以继承和 / 或覆盖来自 `splitChunks。*` 的任何选项。但是 `test`，`priority` 和 `reuseExistingChunk` 只能在缓存组级别上进行配置。要禁用任何默认缓存组，请将它们设置为 `false`。

缓存组可以继承和/或覆盖来自 `splitChunks.*` 的任何选项。但是 `test`、`priority` 和 `reuseExistingChunk` 只能在缓存组级别上进行配置。将它们设置为 `false`以禁用任何默认缓存组。

jacob-lcs · 2021-02-15T02:00:06Z

麻烦尽快进行修改，翻译之后可以自己读一下看看是否有不合适的地方 @weiyuan0609

weiyuan0609 · 2021-02-20T06:57:19Z

已调整

jacob-lcs

请检查下全文，翻译中不要出现「您」这样的敬词

jacob-lcs · 2021-02-20T09:53:09Z

src/content/plugins/split-chunks-plugin.md

@@ -24,34 +24,35 @@ related:
    url: https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366
 ---

-Originally, chunks (and modules imported inside them) were connected by a parent-child relationship in the internal webpack graph. The `CommonsChunkPlugin` was used to avoid duplicated dependencies across them, but further optimizations were not possible.
+最初，chunks（以及内部导入的模块）是通过内部 webpack 图谱中的父子关系关联的。`CommonsChunkPlugin` 曾被用来避免他们之间的重复依赖，但是进一步的优化是不可能的。


Suggested change

最初，chunks（以及内部导入的模块）是通过内部 webpack 图谱中的父子关系关联的。`CommonsChunkPlugin` 曾被用来避免他们之间的重复依赖，但是进一步的优化是不可能的。

最初，chunks（以及内部导入的模块）是通过内部 webpack 图谱中的父子关系关联的。`CommonsChunkPlugin` 曾被用来避免他们之间的重复依赖，但是不可能再做进一步的优化。

jacob-lcs · 2021-02-20T09:53:41Z

src/content/plugins/split-chunks-plugin.md


-## Defaults {#defaults}



这里多了一行，要保持行行对应哈

jacob-lcs · 2021-02-26T15:58:16Z

src/content/plugins/split-chunks-plugin.md


-Out of the box `SplitChunksPlugin` should work well for most users.
+对于大部分用户来说，`SplitChunksPlugin` 是开箱即用的，而且很适用。


Suggested change

对于大部分用户来说，`SplitChunksPlugin` 是开箱即用的，而且很适用。

开箱即用的 `SplitChunksPlugin` 对于大部分用户来说很好用。

jacob-lcs · 2021-02-26T16:00:01Z

src/content/plugins/split-chunks-plugin.md

- New chunk would be bigger than 20kb (before min+gz)
- Maximum number of parallel requests when loading chunks on demand would be lower or equal to 30
- Maximum number of parallel requests at initial page load would be lower or equal to 30
+- 新的 chunk 可以被多个 chunk 分享，或者模块来自于 node_modules 文件夹


Suggested change

- 新的 chunk 可以被多个 chunk 分享，或者模块来自于 node_modules 文件夹

- 新的 chunk 可以被共享，或者模块来自于 `node_modules` 文件夹

jacob-lcs · 2021-02-26T16:04:35Z

src/content/plugins/split-chunks-plugin.md

@@ -85,21 +85,21 @@ module.exports = {
 };
 ```

-W> When files paths are processed by webpack, they always contain `/` on Unix systems and `\` on Windows. That's why using `[\\/]` in `{cacheGroup}.test` fields is necessary to represent a path separator. `/` or `\` in `{cacheGroup}.test` will cause issues when used cross-platform.
+W> 当 webpack 处理文件路径时，它们始终包含 Unix 系统中的 `/` 和 Windows 系统中的 `\`。这就是为什么在 `{cacheGroup}.test` 字段中使用 `[\\/]` 来表示路径分隔符的原因。`{cacheGroup}.test` 中的 `/` 或 `\` 会在跨平台使用时引起问题。


Suggested change

W> 当 webpack 处理文件路径时，它们始终包含 Unix 系统中的 `/` 和 Windows 系统中的 `\`。这就是为什么在 `{cacheGroup}.test` 字段中使用 `[\\/]` 来表示路径分隔符的原因。`{cacheGroup}.test` 中的 `/` 或 `\` 会在跨平台使用时引起问题。

W> 当 webpack 处理文件路径时，它们始终包含 Unix 系统中的 `/` 和 Windows 系统中的 `\`。这就是为什么在 `{cacheGroup}.test` 字段中使用 `[\\/]` 来表示路径分隔符的原因。`{cacheGroup}.test` 中的 `/` 或 `\` 会在跨平台使用时产生问题。

jacob-lcs · 2021-02-26T16:06:20Z

src/content/plugins/split-chunks-plugin.md


 ### `splitChunks.automaticNameDelimiter` {#splitchunksautomaticnamedelimiter}

 `string = '~'`

-By default webpack will generate names using origin and name of the chunk (e.g. `vendors~main.js`). This option lets you specify the delimiter to use for the generated names.
+默认情况下，webpack 将使用 chunk 的来源和名称生成名称（例如 `vendors~main.js`）。此选项使你可以指定用于生成名称的定界符。


Suggested change

默认情况下，webpack 将使用 chunk 的来源和名称生成名称（例如 `vendors~main.js`）。此选项使你可以指定用于生成名称的定界符。

默认情况下，webpack 将使用 chunk 的来源和名称生成名称（例如 `vendors~main.js`）。此选项使你可以指定用于生成名称的分隔符。

jacob-lcs · 2021-02-26T16:08:21Z

src/content/plugins/split-chunks-plugin.md


 ### `splitChunks.chunks` {#splitchunkschunks}

 `string = 'async'` `function (chunk)`

-This indicates which chunks will be selected for optimization. When a string is provided, valid values are `all`, `async`, and `initial`. Providing `all` can be particularly powerful, because it means that chunks can be shared even between async and non-async chunks.
+这表明将选择哪些 chunk 进行优化。当提供一个字符串，有效值为 `all`，`async` 和 `initial`。提供 `all` 可能特别强大，因为这意味着 chunk 可以在异步和非异步 chunk 之间共享。


Suggested change

这表明将选择哪些 chunk 进行优化。当提供一个字符串，有效值为 `all`，`async` 和 `initial`。提供 `all` 可能特别强大，因为这意味着 chunk 可以在异步和非异步 chunk 之间共享。

这表明将选择哪些 chunk 进行优化。当提供一个字符串，有效值为 `all`，`async` 和 `initial`。设置为 `all` 可能特别强大，因为这意味着 chunk 可以在异步和非异步 chunk 之间共享。

jacob-lcs · 2021-02-27T06:28:22Z

src/content/plugins/split-chunks-plugin.md

@@ -311,13 +311,13 @@ module.exports = {

 `number = -20`

-A module can belong to multiple cache groups. The optimization will prefer the cache group with a higher `priority`. The default groups have a negative priority to allow custom groups to take higher priority (default value is `0` for custom groups).
+一个模块可以属于多个缓存组。优化将优先考虑具有更高 `priority` 的缓存组 默认组的优先级为负，以允许自定义组获得更高的优先级（自定义组的默认值为 `0`）。


Suggested change

一个模块可以属于多个缓存组。优化将优先考虑具有更高 `priority` 的缓存组默认组的优先级为负，以允许自定义组获得更高的优先级（自定义组的默认值为 `0`）。

一个模块可以属于多个缓存组。优化将优先考虑具有更高 `priority`（优先级）的缓存组。默认组的优先级为负，以允许自定义组获得更高的优先级（自定义组的默认值为 `0`）。

jacob-lcs · 2021-02-27T06:28:58Z

src/content/plugins/split-chunks-plugin.md


 #### `splitChunks.cacheGroups.{cacheGroup}.reuseExistingChunk` {#splitchunkscachegroupscachegroupreuseexistingchunk}

 `boolean = true`

-If the current chunk contains modules already split out from the main bundle, it will be reused instead of a new one being generated. This can impact the resulting file name of the chunk.
+如果当前 chunk 包含已从主 bundle 中拆分出的模块，则它将被重用，而不是生成新的模块。 这可能会影响 chunk 的结果文件名。


Suggested change

如果当前 chunk 包含已从主 bundle 中拆分出的模块，则它将被重用，而不是生成新的模块。这可能会影响 chunk 的结果文件名。

如果当前 chunk 包含已从主 bundle 中拆分出的模块，则它将被重用，而不是生成新的模块。这可能会影响 chunk 的结果文件名。

jacob-lcs · 2021-02-27T06:29:35Z

src/content/plugins/split-chunks-plugin.md


-Providing a function to`{cacheGroup}.test`:
+为 `{cacheGroup}.test` 提供一个功能：


Suggested change

为 `{cacheGroup}.test` 提供一个功能：

为 `{cacheGroup}.test` 提供一个函数：

jacob-lcs · 2021-02-27T06:31:23Z

src/content/plugins/split-chunks-plugin.md

@@ -552,16 +552,16 @@ import 'react';
 //...
 ```

-**Result:** A separate chunk would be created containing `react`. At the import call this chunk is loaded in parallel to the original chunk containing `./a`.
+__结果：__ 将创建一个单独的包含 `react` 的 chunk。在导入调用中，此 chunk 并行加载到包含 `./a` 的原始 chunk 中。


Suggested change

__结果：__ 将创建一个单独的包含 `react` 的 chunk。在导入调用中，此 chunk 并行加载到包含 `./a` 的原始 chunk 中。

**结果：** 将创建一个单独的包含 `react` 的 chunk。在导入调用中，此 chunk 并行加载到包含 `./a` 的原始 chunk 中。

jacob-lcs · 2021-02-27T06:32:07Z

src/content/plugins/split-chunks-plugin.md

@@ -588,20 +588,20 @@ import './more-helpers'; // more-helpers is also 40kb in size
 //...
 ```

-**Result:** A separate chunk would be created containing `./helpers` and all dependencies of it. At the import calls this chunk is loaded in parallel to the original chunks.
+__结果：__ 将创建一个单独的 chunk，其中包含 `./helpers` 及其所有依赖项。在导入调用时，此 chunk 与原始 chunks 并行加载。


Suggested change

__结果：__ 将创建一个单独的 chunk，其中包含 `./helpers` 及其所有依赖项。在导入调用时，此 chunk 与原始 chunks 并行加载。

**结果：** 将创建一个单独的 chunk，其中包含 `./helpers` 及其所有依赖项。在导入调用时，此 chunk 与原始 chunks 并行加载。

weiyuan0609 · 2021-03-02T08:18:35Z

已调整

src/content/plugins/split-chunks-plugin.md

Co-authored-by: Jacob <[email protected]>

weiyuan0609 and others added 24 commits June 16, 2020 17:44

docs(cn): translate src/content/configuration/devtool.md

c0144b0

调整内容

9289efc

调整内容

7e0370a

Merge branch 'cn' of https://github.com/docschina/webpack.js.org into cn

2ef9e05

docs(cn): translate src/content/plugins/dll-plugin.md

b24f560

调整内容

558c3b1

调整内容

6edc936

调整内容

38e37da

docs(cn): translate src/content/loaders/thread-loader

c44af2d

merge

875fc19

o

5bc9257

merge

be59bf8

调整

3ab082d

调整翻译

fb2a249

Update src/content/loaders/thread-loader.md

861b070

merge

0e186c7

Merge branch 'cn' of https://github.com/weiyuan0609/webpack.js.org in…

abb76b9

…to cn

--- Auto-Git Commit ---

7122f6a

--- Auto-Git Commit ---

6b0e805

--- Auto-Git Commit ---

6236667

--- Auto-Git Commit ---

95281db

--- Auto-Git Commit ---

1387603

docs(cn): translate src/content/plugins/split-chunks-plugins.md

d72d168

docs(cn): translate src/content/plugins/split-chunks-plugins.md

414603c

merge

2ce8154

weiyuan0609 force-pushed the cn branch from 481b0d7 to 2ce8154 Compare November 16, 2020 01:55

merge

7ff4b25

jacob-lcs requested changes Feb 15, 2021

View reviewed changes

修改

98b21d4

jacob-lcs requested changes Feb 20, 2021

View reviewed changes

调整

3336e2d

jacob-lcs requested changes Feb 27, 2021

View reviewed changes

修改

3f3967b

QC-L reviewed Mar 3, 2021

View reviewed changes

src/content/plugins/split-chunks-plugin.md Outdated Show resolved Hide resolved

Apply suggestions from code review

634416b

Co-authored-by: Jacob <[email protected]>

QC-L approved these changes Mar 3, 2021

View reviewed changes

QC-L merged commit 2014371 into docschina:cn Mar 3, 2021

jacob-lcs mentioned this pull request Mar 3, 2021

Plugin 及 Loader 相关任务认领 #753

Closed

73 tasks

	- 新的 chunk 可以被多个 chunk 分享，或者它来自于 node_modules 文件夹
	- 新的 chunk 可以被多个 chunk 分享，或者模块来自于 node_modules 文件夹


		webpack provides a set of options for developers that want more control over this functionality.
		webpack 为希望对该功能进行更多控制的开发人员提供了一组选项。

	webpack 为希望对该功能进行更多控制的开发人员提供了一组选项。
	webpack 为希望对该功能进行更多控制的开发者提供了一组选项。


		W> The default configuration was chosen to fit web performance best practices, but the optimal strategy for your project might differ. If you're changing the configuration, you should measure the impact of your changes to ensure there's a real benefit.
		W> 选择了默认配置以适合 Web 性能最佳实践，但是项目的最佳策略可能有所不同。如果要更改配置，则应评估所做更改的影响，以确保有真正的收益。

	W> 选择了默认配置以适合 Web 性能最佳实践，但是项目的最佳策略可能有所不同。如果要更改配置，则应评估所做更改的影响，以确保有真正的收益。
	W> 选择默认配置是为了符合 web 性能最佳实践，但是项目的最佳策略可能有所不同。如果要更改配置，则应评估所做更改的影响，以确保有真正的收益。

	W> 当 webpack 处理文件路径时，它们始终包含 `/` 在 Unix 系统和 `\` 在 Windows 上。这就是为什么 `[\\/]` 在 `{cacheGroup}.test` 字段中使用 in 来表示路径分隔符的原因。`/` 或 `\` in `{cacheGroup}.test` 会在跨平台使用时引起问题。
	W> 当 webpack 处理文件路径时，它们始终包含Unix 系统中的 `/` 和 Windows 系统中的 `\`。这就是为什么在 `{cacheGroup}.test` 字段中使用 `[\\/]` 来表示路径分隔符。`{cacheGroup}.test` 中的 `/` 或 `\` 会在跨平台使用时引起问题。


		W> Since webpack 5, passing an entry name to `{cacheGroup}.test` and using a name of an existing chunk for `{cacheGroup}.name` is no longer allowed.
		W> 从 webpack 5 开始，不再允许将条目名称传递给 `{cacheGroup}.test` 现有的 chunk 并使用现有的 chunk 的名称 `{cacheGroup}.name`。

	W> 从 webpack 5 开始，不再允许将条目名称传递给 `{cacheGroup}.test` 现有的 chunk 并使用现有的 chunk 的名称 `{cacheGroup}.name`。
	W> 从 webpack 5 开始，不再允许将 entry 名称传递给 `{cacheGroup}.test` 或者为 `{cacheGroup}.name` 使用现有的 chunk 的名称。


		What's the reasoning behind this? `react` probably won't change as often as your application code. By moving it into a separate chunk this chunk can be cached separately from your app code (assuming you are using chunkhash, records, Cache-Control or other long term cache approach).
		这背后的原因是什么？`react` 可能不会像您的应用程序代码那样频繁地更改。通过将其移动到单独的 chunk 中，可以将该 chunk 与应用程序代码分开进行缓存（假设您使用的是 chunkhash，records，Cache-Control 或其他长期缓存方法）。

	这背后的原因是什么？`react` 可能不会像您的应用程序代码那样频繁地更改。通过将其移动到单独的 chunk 中，可以将该 chunk 与应用程序代码分开进行缓存（假设您使用的是 chunkhash，records，Cache-Control 或其他长期缓存方法）。
	这背后的原因是什么？`react` 可能不会像你的应用程序代码那样频繁地更改。通过将其移动到单独的 chunk 中，可以将该 chunk 与应用程序代码分开进行缓存（假设你使用的是 chunkhash，records，Cache-Control 或其他长期缓存方法）。


		Why:
		为什么？


		Why:
		为什么？

	告诉 webpack 忽略 [`splitChunks.minSize`](#splitchunksminsize)，[`splitChunks.minChunks`](#splitchunksminchunks)，[`splitChunks.maxAsyncRequests`](#splitchunksmaxasyncrequests) 和 [`splitChunks.maxInitialRequests`](#splitchunksmaxinitialrequests) 选项，并始终为此缓存组创建 chunks。
	告诉 webpack 忽略 [`splitChunks.minSize`](#splitchunksminsize)、[`splitChunks.minChunks`](#splitchunksminchunks)、[`splitChunks.maxAsyncRequests`](#splitchunksmaxasyncrequests) 和 [`splitChunks.maxInitialRequests`](#splitchunksmaxinitialrequests) 选项，并始终为此缓存组创建 chunk。

	缓存组可以继承和 / 或覆盖来自 `splitChunks。*` 的任何选项。但是 `test`，`priority` 和 `reuseExistingChunk` 只能在缓存组级别上进行配置。要禁用任何默认缓存组，请将它们设置为 `false`。
	缓存组可以继承和/或覆盖来自 `splitChunks.*` 的任何选项。但是 `test`、`priority` 和 `reuseExistingChunk` 只能在缓存组级别上进行配置。将它们设置为 `false`以禁用任何默认缓存组。

	最初，chunks（以及内部导入的模块）是通过内部 webpack 图谱中的父子关系关联的。`CommonsChunkPlugin` 曾被用来避免他们之间的重复依赖，但是进一步的优化是不可能的。
	最初，chunks（以及内部导入的模块）是通过内部 webpack 图谱中的父子关系关联的。`CommonsChunkPlugin` 曾被用来避免他们之间的重复依赖，但是不可能再做进一步的优化。


		Out of the box `SplitChunksPlugin` should work well for most users.
		对于大部分用户来说，`SplitChunksPlugin` 是开箱即用的，而且很适用。

	对于大部分用户来说，`SplitChunksPlugin` 是开箱即用的，而且很适用。
	开箱即用的 `SplitChunksPlugin` 对于大部分用户来说很好用。

	- 新的 chunk 可以被多个 chunk 分享，或者模块来自于 node_modules 文件夹
	- 新的 chunk 可以被共享，或者模块来自于 `node_modules` 文件夹

	W> 当 webpack 处理文件路径时，它们始终包含 Unix 系统中的 `/` 和 Windows 系统中的 `\`。这就是为什么在 `{cacheGroup}.test` 字段中使用 `[\\/]` 来表示路径分隔符的原因。`{cacheGroup}.test` 中的 `/` 或 `\` 会在跨平台使用时引起问题。
	W> 当 webpack 处理文件路径时，它们始终包含 Unix 系统中的 `/` 和 Windows 系统中的 `\`。这就是为什么在 `{cacheGroup}.test` 字段中使用 `[\\/]` 来表示路径分隔符的原因。`{cacheGroup}.test` 中的 `/` 或 `\` 会在跨平台使用时产生问题。

	默认情况下，webpack 将使用 chunk 的来源和名称生成名称（例如 `vendors~main.js`）。此选项使你可以指定用于生成名称的定界符。
	默认情况下，webpack 将使用 chunk 的来源和名称生成名称（例如 `vendors~main.js`）。此选项使你可以指定用于生成名称的分隔符。

	这表明将选择哪些 chunk 进行优化。当提供一个字符串，有效值为 `all`，`async` 和 `initial`。提供 `all` 可能特别强大，因为这意味着 chunk 可以在异步和非异步 chunk 之间共享。
	这表明将选择哪些 chunk 进行优化。当提供一个字符串，有效值为 `all`，`async` 和 `initial`。设置为 `all` 可能特别强大，因为这意味着 chunk 可以在异步和非异步 chunk 之间共享。

	一个模块可以属于多个缓存组。优化将优先考虑具有更高 `priority` 的缓存组默认组的优先级为负，以允许自定义组获得更高的优先级（自定义组的默认值为 `0`）。
	一个模块可以属于多个缓存组。优化将优先考虑具有更高 `priority`（优先级）的缓存组。默认组的优先级为负，以允许自定义组获得更高的优先级（自定义组的默认值为 `0`）。

docs(cn): translate src/content/plugins/split-chunks-plugins.md #854

docs(cn): translate src/content/plugins/split-chunks-plugins.md #854

Uh oh!

Conversation

weiyuan0609 commented Sep 24, 2020

Uh oh!

netlify bot commented Sep 24, 2020

Uh oh!

QC-L commented Oct 25, 2020

Uh oh!

weiyuan0609 commented Nov 12, 2020

Uh oh!

weiyuan0609 commented Nov 16, 2020

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

jacob-lcs commented Feb 15, 2021

Uh oh!

weiyuan0609 commented Feb 20, 2021

Uh oh!

jacob-lcs left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

weiyuan0609 commented Mar 2, 2021

Uh oh!

Uh oh!

Uh oh!

	如果当前 chunk 包含已从主 bundle 中拆分出的模块，则它将被重用，而不是生成新的模块。这可能会影响 chunk 的结果文件名。
	如果当前 chunk 包含已从主 bundle 中拆分出的模块，则它将被重用，而不是生成新的模块。这可能会影响 chunk 的结果文件名。


		Providing a function to`{cacheGroup}.test`:
		为 `{cacheGroup}.test` 提供一个功能：

	为 `{cacheGroup}.test` 提供一个功能：
	为 `{cacheGroup}.test` 提供一个函数：

	__结果：__ 将创建一个单独的包含 `react` 的 chunk。在导入调用中，此 chunk 并行加载到包含 `./a` 的原始 chunk 中。
	结果：将创建一个单独的包含 `react` 的 chunk。在导入调用中，此 chunk 并行加载到包含 `./a` 的原始 chunk 中。

	__结果：__ 将创建一个单独的 chunk，其中包含 `./helpers` 及其所有依赖项。在导入调用时，此 chunk 与原始 chunks 并行加载。
	结果：将创建一个单独的 chunk，其中包含 `./helpers` 及其所有依赖项。在导入调用时，此 chunk 与原始 chunks 并行加载。