docs(configuration): move infrastructureLogging to its own page (#7210)

Author: snitin315

src/content/api/compiler-hooks.mdx

@@ -297,14 +297,14 @@ Called when the compiler is closing.
 
 `SyncBailHook`
 
-Allows to use infrastructure logging when enabled in the configuration via [`infrastructureLogging` option](/configuration/other-options/#infrastructurelogging).
+Allows to use infrastructure logging when enabled in the configuration via [`infrastructureLogging` option](/configuration/infrastructureLogging/).
 
 - Callback Parameters: `name`, `type`, `args`
 
 ### log
 
 `SyncBailHook`
 
-Allows to log into [stats](/configuration/stats/) when enabled, see [`stats.logging`, `stats.loggingDebug` and `stats.loggingTrace` options](/configuration/stats/#stats-options).
+Allows to log into [stats](/configuration/stats/) when enabled, see [`stats.logging`, `stats.loggingDebug` and `stats.loggingTrace` options](/configuration/infrastructureLogging/).
 
 - Callback Parameters: `origin`, `logEntry`

src/content/api/loaders.mdx

@@ -776,7 +776,7 @@ module.exports = function (source) {
 
 ## Logging
 
-Logging API is available since the release of webpack 4.37. When `logging` is enabled in [`stats configuration`](/configuration/stats/#statslogging) and/or when [`infrastructure logging`](/configuration/other-options/#infrastructurelogging) is enabled, loaders may log messages which will be printed out in the respective logger format (stats, infrastructure).
+Logging API is available since the release of webpack 4.37. When `logging` is enabled in [`stats configuration`](/configuration/stats/#statslogging) and/or when [`infrastructure logging`](/configuration/infrastructureLogging) is enabled, loaders may log messages which will be printed out in the respective logger format (stats, infrastructure).
 
 - Loaders should prefer to use `this.getLogger()` for logging which is a shortcut to `compilation.getLogger()` with loader path and processed file. This kind of logging is stored to the Stats and formatted accordingly. It can be filtered and exported by the webpack user.
 - Loaders may use `this.getLogger('name')` to get an independent logger with a child name. Loader path and processed file is still added.

src/content/api/plugins.mdx

@@ -176,7 +176,7 @@ Note that only a subset of compiler and compilation hooks support the `reportPro
 
 ## Logging
 
-Logging API is available since the release of webpack 4.37. When `logging` is enabled in [`stats configuration`](/configuration/stats/#statslogging) and/or when [`infrastructure logging`](/configuration/other-options/#infrastructurelogging) is enabled, plugins may log messages which will be printed out in the respective logger format (stats, infrastructure).
+Logging API is available since the release of webpack 4.37. When `logging` is enabled in [`stats configuration`](/configuration/stats/#statslogging) and/or when [`infrastructure logging`](/configuration/infrastructureLogging) is enabled, plugins may log messages which will be printed out in the respective logger format (stats, infrastructure).
 
 - Plugins should prefer to use `compilation.getLogger('PluginName')` for logging. This kind of logging is stored in the Stats and formatted accordingly. It can be filtered and exported by the user.
 - Plugins may use the `compiler.getInfrastructureLogger('PluginName')` for logging. Using `infrastructure` logging is not stored in the Stats and therefore not formatted. It's usually logged to the console/dashboard/GUI directly. It can be filtered by the user.

src/content/configuration/infrastructureLogging.mdx

@@ -0,0 +1,145 @@
+---
+title: InfrastructureLogging
+sort: 20
+contributors:
+  - snitin315
+---
+
+Options for infrastructure level logging.
+
+## infrastructureLogging.appendOnly
+
+<Badge text="5.31.0+" />
+
+`boolean`
+
+Append lines to the output instead of updating existing output, useful for status messages. This option is used only when no custom [`console`](#infrastructureloggingconsole) is provided.
+
+**webpack.config.js**
+
+```javascript
+module.exports = {
+  //...
+  infrastructureLogging: {
+    appendOnly: true,
+    level: 'verbose',
+  },
+  plugins: [
+    (compiler) => {
+      const logger = compiler.getInfrastructureLogger('MyPlugin');
+      logger.status('first output'); // this line won't be overridden with `appendOnly` enabled
+      logger.status('second output');
+    },
+  ],
+};
+```
+
+## infrastructureLogging.colors
+
+<Badge text="5.31.0+" />
+
+`boolean`
+
+Enable colorful output for infrastructure level logging. This option is used only when no custom [`console`](#infrastructureloggingconsole) is provided.
+
+**webpack.config.js**
+
+```javascript
+module.exports = {
+  //...
+  infrastructureLogging: {
+    colors: true,
+    level: 'verbose',
+  },
+  plugins: [
+    (compiler) => {
+      const logger = compiler.getInfrastructureLogger('MyPlugin');
+      logger.log('this output will be colorful');
+    },
+  ],
+};
+```
+
+## infrastructureLogging.console
+
+<Badge text="5.31.0+" />
+
+`Console`
+
+Customize the console used for infrastructure level logging.
+
+**webpack.config.js**
+
+```javascript
+module.exports = {
+  //...
+  infrastructureLogging: {
+    console: yourCustomConsole(),
+  },
+};
+```
+
+## infrastructureLogging.debug
+
+`string` `boolean = false` `RegExp` `function(name) => boolean` `[string, RegExp, function(name) => boolean]`
+
+Enable debug information of specified loggers such as plugins or loaders. Similar to [`stats.loggingDebug`](/configuration/stats/#statsloggingdebug) option but for infrastructure. Defaults to `false`.
+
+**webpack.config.js**
+
+```javascript
+module.exports = {
+  //...
+  infrastructureLogging: {
+    level: 'info',
+    debug: ['MyPlugin', /MyPlugin/, (name) => name.contains('MyPlugin')],
+  },
+};
+```
+
+## infrastructureLogging.level
+
+`string = 'info' : 'none' | 'error' | 'warn' | 'info' | 'log' | 'verbose'`
+
+Enable infrastructure logging output. Similar to [`stats.logging`](/configuration/stats/#statslogging) option but for infrastructure. Defaults to `'info'`.
+
+Possible values:
+
+- `'none'` - disable logging
+- `'error'` - errors only
+- `'warn'` - errors and warnings only
+- `'info'` - errors, warnings, and info messages
+- `'log'` - errors, warnings, info messages, log messages, groups, clears. Collapsed groups are displayed in a collapsed state.
+- `'verbose'` - log everything except debug and trace. Collapsed groups are displayed in expanded state.
+
+**webpack.config.js**
+
+```javascript
+module.exports = {
+  //...
+  infrastructureLogging: {
+    level: 'info',
+  },
+};
+```
+
+## infrastructureLogging.stream
+
+<Badge text="5.31.0+" />
+
+`NodeJS.WritableStream = process.stderr`
+
+Stream used for logging output. Defaults to `process.stderr`. This option is used only when no custom [`console`](#infrastructureloggingconsole) is provided.
+
+**webpack.config.js**
+
+```javascript
+module.exports = {
+  //...
+  infrastructureLogging: {
+    stream: process.stderr,
+  },
+};
+```
+
+T> In the case of a TTY stream, `colors` is enabled and `appendOnly` is disabled, and vice versa.

src/content/configuration/other-options.mdx

@@ -1,6 +1,6 @@
 ---
 title: Other Options
-sort: 20
+sort: 21
 contributors:
   - sokra
   - skipjack
@@ -128,149 +128,6 @@ module.exports = {
 };
 ```
 
-## infrastructureLogging
-
-Options for infrastructure level logging.
-
-`object = {}`
-
-### appendOnly
-
-<Badge text="5.31.0+" />
-
-`boolean`
-
-Append lines to the output instead of updating existing output, useful for status messages. This option is used only when no custom [`console`](#console) is provided.
-
-**webpack.config.js**
-
-```javascript
-module.exports = {
-  //...
-  infrastructureLogging: {
-    appendOnly: true,
-    level: 'verbose',
-  },
-  plugins: [
-    (compiler) => {
-      const logger = compiler.getInfrastructureLogger('MyPlugin');
-      logger.status('first output'); // this line won't be overridden with `appendOnly` enabled
-      logger.status('second output');
-    },
-  ],
-};
-```
-
-### colors
-
-<Badge text="5.31.0+" />
-
-`boolean`
-
-Enable colorful output for infrastructure level logging. This option is used only when no custom [`console`](#console) is provided.
-
-**webpack.config.js**
-
-```javascript
-module.exports = {
-  //...
-  infrastructureLogging: {
-    colors: true,
-    level: 'verbose',
-  },
-  plugins: [
-    (compiler) => {
-      const logger = compiler.getInfrastructureLogger('MyPlugin');
-      logger.log('this output will be colorful');
-    },
-  ],
-};
-```
-
-### console
-
-<Badge text="5.31.0+" />
-
-`Console`
-
-Customize the console used for infrastructure level logging.
-
-**webpack.config.js**
-
-```javascript
-module.exports = {
-  //...
-  infrastructureLogging: {
-    console: yourCustomConsole(),
-  },
-};
-```
-
-### debug
-
-`string` `boolean = false` `RegExp` `function(name) => boolean` `[string, RegExp, function(name) => boolean]`
-
-Enable debug information of specified loggers such as plugins or loaders. Similar to [`stats.loggingDebug`](/configuration/stats/#statsloggingdebug) option but for infrastructure. Defaults to `false`.
-
-**webpack.config.js**
-
-```javascript
-module.exports = {
-  //...
-  infrastructureLogging: {
-    level: 'info',
-    debug: ['MyPlugin', /MyPlugin/, (name) => name.contains('MyPlugin')],
-  },
-};
-```
-
-### level
-
-`string = 'info' : 'none' | 'error' | 'warn' | 'info' | 'log' | 'verbose'`
-
-Enable infrastructure logging output. Similar to [`stats.logging`](/configuration/stats/#statslogging) option but for infrastructure. Defaults to `'info'`.
-
-Possible values:
-
-- `'none'` - disable logging
-- `'error'` - errors only
-- `'warn'` - errors and warnings only
-- `'info'` - errors, warnings, and info messages
-- `'log'` - errors, warnings, info messages, log messages, groups, clears. Collapsed groups are displayed in a collapsed state.
-- `'verbose'` - log everything except debug and trace. Collapsed groups are displayed in expanded state.
-
-**webpack.config.js**
-
-```javascript
-module.exports = {
-  //...
-  infrastructureLogging: {
-    level: 'info',
-  },
-};
-```
-
-### stream
-
-<Badge text="5.31.0+" />
-
-`NodeJS.WritableStream = process.stderr`
-
-Stream used for logging output. Defaults to `process.stderr`. This option is used only when no custom [`console`](#console) is provided.
-
-**webpack.config.js**
-
-```javascript
-module.exports = {
-  //...
-  infrastructureLogging: {
-    stream: process.stderr,
-  },
-};
-```
-
-T> In the case of a TTY stream, `colors` is enabled and `appendOnly` is disabled, and vice versa.
-
 ## loader
 
 `object`