From 7046bee9a2405d2dbdb288f54e3ecb89acedf229 Mon Sep 17 00:00:00 2001 From: Tan Li Hau Date: Wed, 10 Aug 2022 12:29:41 +0800 Subject: [PATCH] docs(Configurations): explain default value of output.chunkFormat and output.chunkLoading is inferred from target (#6321) * explain default value of output.chunkFormat and output.chunkLoading is inferred from target * Update output.mdx * Update src/content/configuration/output.mdx Co-authored-by: Sam Chen * Update src/content/configuration/output.mdx Co-authored-by: Sam Chen * Update output.mdx * Update src/content/configuration/output.mdx Co-authored-by: Sam Chen --- src/content/configuration/output.mdx | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/src/content/configuration/output.mdx b/src/content/configuration/output.mdx index 671075aa0514..63b07faa78f7 100644 --- a/src/content/configuration/output.mdx +++ b/src/content/configuration/output.mdx @@ -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 @@ -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 @@ -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 | | ------------------------ | --------------------------------------------------------------------------------------------------- | @@ -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: @@ -864,7 +868,7 @@ In the above example, we're passing a single entry file to `entry`, however, web ``` - 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): @@ -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**