docs: sort resolve options (#7201)

Author: snitin315

src/content/configuration/resolve.mdx

@@ -170,6 +170,53 @@ module.exports = {
 };
 ```
 
+### resolve.byDependency
+
+Configure resolve options by the type of module request.
+
+- Type: `[type: string]: ResolveOptions`
+- Example:
+
+  ```js
+  module.exports = {
+    // ...
+    resolve: {
+      byDependency: {
+        // ...
+        esm: {
+          mainFields: ['browser', 'module'],
+        },
+        commonjs: {
+          aliasFields: ['browser'],
+        },
+        url: {
+          preferRelative: true,
+        },
+      },
+    },
+  };
+  ```
+
+### resolve.cachePredicate
+
+`function(module) => boolean`
+
+A function which decides whether a request should be cached or not. An object is passed to the function with `path` and `request` properties. It must return a boolean.
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  //...
+  resolve: {
+    cachePredicate: (module) => {
+      // additional logic
+      return true;
+    },
+  },
+};
+```
+
 ### resolve.cacheWithContext
 
 `boolean`
@@ -273,6 +320,23 @@ module.exports = {
 };
 ```
 
+### resolve.exportsFields
+
+`[string] = ['exports']`
+
+Fields in package.json that are used for resolving module requests. See [package-exports guideline](/guides/package-exports/) for more information.
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  //...
+  resolve: {
+    exportsFields: ['exports', 'myCompanyExports'],
+  },
+};
+```
+
 ### resolve.extensionAlias
 
 `object`
@@ -382,6 +446,23 @@ module.exports = {
 };
 ```
 
+### resolve.importsFields
+
+`[string]`
+
+Fields from `package.json` which are used to provide the internal requests of a package (requests starting with `#` are considered internal).
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  //...
+  resolve: {
+    importsFields: ['browser', 'module', 'main'],
+  },
+};
+```
+
 ### resolve.mainFields
 
 `[string]`
@@ -442,23 +523,6 @@ module.exports = {
 };
 ```
 
-### resolve.exportsFields
-
-`[string] = ['exports']`
-
-Fields in package.json that are used for resolving module requests. See [package-exports guideline](/guides/package-exports/) for more information.
-
-**webpack.config.js**
-
-```js
-module.exports = {
-  //...
-  resolve: {
-    exportsFields: ['exports', 'myCompanyExports'],
-  },
-};
-```
-
 ### resolve.modules
 
 `[string] = ['node_modules']`
@@ -497,68 +561,38 @@ module.exports = {
 };
 ```
 
-### resolve.unsafeCache
-
-`RegExp` `[RegExp]` `boolean: true`
-
-Enable aggressive, but **unsafe**, caching of modules. Passing `true` will cache everything.
-
-**webpack.config.js**
+### resolve.plugins
 
-```js
-module.exports = {
-  //...
-  resolve: {
-    unsafeCache: true,
-  },
-};
-```
+[`[Plugin]`](/plugins/)
 
-A regular expression, or an array of regular expressions, can be used to test file paths and only cache certain modules. For example, to only cache utilities:
+A list of additional resolve plugins which should be applied. It allows plugins such as [`DirectoryNamedWebpackPlugin`](https://www.npmjs.com/package/directory-named-webpack-plugin).
 
 **webpack.config.js**
 
 ```js
 module.exports = {
   //...
   resolve: {
-    unsafeCache: /src\/utilities/,
+    plugins: [new DirectoryNamedWebpackPlugin()],
   },
 };
 ```
 
-W> Changes to cached paths may cause failure in rare cases.
-
-### resolve.useSyncFileSystemCalls
+### resolve.preferAbsolute
 
 `boolean`
 
-Use synchronous filesystem calls for the resolver.
-
-**webpack.config.js**
-
-```js
-module.exports = {
-  //...
-  resolve: {
-    useSyncFileSystemCalls: true,
-  },
-};
-```
-
-### resolve.plugins
-
-[`[Plugin]`](/plugins/)
+<Badge text="5.13.0+" />
 
-A list of additional resolve plugins which should be applied. It allows plugins such as [`DirectoryNamedWebpackPlugin`](https://www.npmjs.com/package/directory-named-webpack-plugin).
+Prefer absolute paths to [`resolve.roots`](#resolveroots) when resolving.
 
 **webpack.config.js**
 
 ```js
 module.exports = {
   //...
   resolve: {
-    plugins: [new DirectoryNamedWebpackPlugin()],
+    preferAbsolute: true,
   },
 };
 ```
@@ -592,143 +626,109 @@ const b = new URL('module/path', import.meta.url);
 const a = new URL('./module/path', import.meta.url);
 ```
 
-### resolve.preferAbsolute
-
-`boolean`
+### resolve.restrictions
 
-<Badge text="5.13.0+" />
+`[string, RegExp]`
 
-Prefer absolute paths to [`resolve.roots`](#resolveroots) when resolving.
+A list of resolve restrictions to restrict the paths that a request can be resolved on.
 
 **webpack.config.js**
 
 ```js
 module.exports = {
   //...
   resolve: {
-    preferAbsolute: true,
+    restrictions: [/\.(sass|scss|css)$/],
   },
 };
 ```
 
-### resolve.symlinks
-
-`boolean = true`
+### resolve.roots
 
-Whether to resolve symlinks to their symlinked location.
+`[string]`
 
-When enabled, symlinked resources are resolved to their _real_ path, not their symlinked location. Note that this may cause module resolution to fail when using tools that symlink packages (like `npm link`).
+A list of directories where requests of server-relative URLs (starting with '/') are resolved, defaults to [`context` configuration option](/configuration/entry-context/#context). On non-Windows systems these requests are resolved as an absolute path first.
 
 **webpack.config.js**
 
 ```js
+const fixtures = path.resolve(__dirname, 'fixtures');
 module.exports = {
   //...
   resolve: {
-    symlinks: true,
+    roots: [__dirname, fixtures],
   },
 };
 ```
 
-### resolve.cachePredicate
+### resolve.symlinks
 
-`function(module) => boolean`
+`boolean = true`
 
-A function which decides whether a request should be cached or not. An object is passed to the function with `path` and `request` properties. It must return a boolean.
+Whether to resolve symlinks to their symlinked location.
+
+When enabled, symlinked resources are resolved to their _real_ path, not their symlinked location. Note that this may cause module resolution to fail when using tools that symlink packages (like `npm link`).
 
 **webpack.config.js**
 
 ```js
 module.exports = {
   //...
   resolve: {
-    cachePredicate: (module) => {
-      // additional logic
-      return true;
-    },
+    symlinks: true,
   },
 };
 ```
 
-### resolve.restrictions
+### resolve.unsafeCache
 
-`[string, RegExp]`
+`RegExp` `[RegExp]` `boolean: true`
 
-A list of resolve restrictions to restrict the paths that a request can be resolved on.
+Enable aggressive, but **unsafe**, caching of modules. Passing `true` will cache everything.
 
 **webpack.config.js**
 
 ```js
 module.exports = {
   //...
   resolve: {
-    restrictions: [/\.(sass|scss|css)$/],
+    unsafeCache: true,
   },
 };
 ```
 
-### resolve.roots
-
-`[string]`
-
-A list of directories where requests of server-relative URLs (starting with '/') are resolved, defaults to [`context` configuration option](/configuration/entry-context/#context). On non-Windows systems these requests are resolved as an absolute path first.
+A regular expression, or an array of regular expressions, can be used to test file paths and only cache certain modules. For example, to only cache utilities:
 
 **webpack.config.js**
 
 ```js
-const fixtures = path.resolve(__dirname, 'fixtures');
 module.exports = {
   //...
   resolve: {
-    roots: [__dirname, fixtures],
+    unsafeCache: /src\/utilities/,
   },
 };
 ```
 
-### resolve.importsFields
+W> Changes to cached paths may cause failure in rare cases.
 
-`[string]`
+### resolve.useSyncFileSystemCalls
 
-Fields from `package.json` which are used to provide the internal requests of a package (requests starting with `#` are considered internal).
+`boolean`
+
+Use synchronous filesystem calls for the resolver.
 
 **webpack.config.js**
 
 ```js
 module.exports = {
   //...
   resolve: {
-    importsFields: ['browser', 'module', 'main'],
+    useSyncFileSystemCalls: true,
   },
 };
 ```
 
-### resolve.byDependency
-
-Configure resolve options by the type of module request.
-
-- Type: `[type: string]: ResolveOptions`
-- Example:
-
-  ```js
-  module.exports = {
-    // ...
-    resolve: {
-      byDependency: {
-        // ...
-        esm: {
-          mainFields: ['browser', 'module'],
-        },
-        commonjs: {
-          aliasFields: ['browser'],
-        },
-        url: {
-          preferRelative: true,
-        },
-      },
-    },
-  };
-  ```
-
 ## resolveLoader
 
 `object { modules [string] = ['node_modules'], extensions [string] = ['.js', '.json'], mainFields [string] = ['loader', 'main']}`