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

explain default value of output.chunkFormat and output.chunkLoading is inferred from target #6321

Merged
merged 6 commits into from
Aug 10, 2022
Merged

explain default value of output.chunkFormat and output.chunkLoading is inferred from target #6321

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
69be5cb
explain default value of output.chunkFormat and output.chunkLoading i…
tanhauhau Aug 8, 2022
f5a0adb
Update output.mdx
tanhauhau Aug 8, 2022
5dc41f7
Update src/content/configuration/output.mdx
tanhauhau Aug 9, 2022
52ba4f9
Update src/content/configuration/output.mdx
tanhauhau Aug 9, 2022
77c2999
Update output.mdx
tanhauhau Aug 9, 2022
1ca54de
Update src/content/configuration/output.mdx
chenxsan Aug 10, 2022
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
12 changes: 8 additions & 4 deletions src/content/configuration/output.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -172,6 +172,8 @@ module.exports = {

The format of chunks (formats included by default are `'array-push'` (web/WebWorker), `'commonjs'` (node.js), `'module'` (ESM), but others might be added by plugins).

T> The default value of this option depends on the [`target`](/configuration/target/) and [`output.module`](#outputmodule) setting. For more details, search for `"chunkFormat"` [in the webpack defaults](https://github.com/webpack/webpack/blob/main/lib/config/defaults.js).

**webpack.config.js**

```javascript
Expand Down Expand Up @@ -226,6 +228,8 @@ module.exports = {

The method to load chunks (methods included by default are `'jsonp'` (web), `'import'` (ESM), `'importScripts'` (WebWorker), `'require'` (sync node.js), `'async-node'` (async node.js), but others might be added by plugins).

T> The default value of this option depends on the [`target`](/configuration/target/) and [`chunkFormat `](#outputchunkformat) setting. For more details, search for `"chunkLoading"` [in the webpack defaults](https://github.com/webpack/webpack/blob/main/lib/config/defaults.js).

**webpack.config.js**

```javascript
Expand Down Expand Up @@ -353,7 +357,7 @@ module.exports = {
};
```

The following substitutions are available in template strings (via webpack's internal [`ModuleFilenameHelpers`](https://github.com/webpack/webpack/blob/master/lib/ModuleFilenameHelpers.js)):
The following substitutions are available in template strings (via webpack's internal [`ModuleFilenameHelpers`](https://github.com/webpack/webpack/blob/main/lib/ModuleFilenameHelpers.js)):

| Template | Description |
| ------------------------ | --------------------------------------------------------------------------------------------------- |
Expand Down Expand Up @@ -564,7 +568,7 @@ Note this option does not affect output files for on-demand-loaded chunks. It on

### Template strings

The following substitutions are available in template strings (via webpack's internal [`TemplatedPathPlugin`](https://github.com/webpack/webpack/blob/master/lib/TemplatedPathPlugin.js)):
The following substitutions are available in template strings (via webpack's internal [`TemplatedPathPlugin`](https://github.com/webpack/webpack/blob/main/lib/TemplatedPathPlugin.js)):

Substitutions available on Compilation-level:

Expand Down Expand Up @@ -864,7 +868,7 @@ In the above example, we're passing a single entry file to `entry`, however, web
</script>
```

See [this example](https://github.com/webpack/webpack/tree/master/examples/multi-part-library) for more.
See [this example](https://github.com/webpack/webpack/tree/main/examples/multi-part-library) for more.

Note that the above configuration won't work as expected if you're going to configure library options per entry point. Here is how to do it [under each of your entries](/concepts/entry-points/#entrydescription-object):

Expand Down Expand Up @@ -2289,7 +2293,7 @@ module.exports = {

The new option `workerChunkLoading` controls the chunk loading of workers.

T> The default value of this option is depending on the `target` setting. For more details, search for `"workerChunkLoading"`: [in the webpack defaults](https://github.com/webpack/webpack/blob/master/lib/config/defaults.js).
T> The default value of this option depends on the [`target`](/configuration/target/) setting. For more details, search for `"workerChunkLoading"` [in the webpack defaults](https://github.com/webpack/webpack/blob/main/lib/config/defaults.js).

**webpack.config.js**

Expand Down