diff --git a/packages/docusaurus/src/webpack/plugins/ChunkAssetPlugin.ts b/packages/docusaurus/src/webpack/plugins/ChunkAssetPlugin.ts
index 0d216e36e17c..777ba0a25ec1 100644
--- a/packages/docusaurus/src/webpack/plugins/ChunkAssetPlugin.ts
+++ b/packages/docusaurus/src/webpack/plugins/ChunkAssetPlugin.ts
@@ -5,75 +5,26 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import webpack, {type Compiler} from 'webpack';
-
-// Adds a custom Docusaurus Webpack runtime function `__webpack_require__.gca`
-// gca = Get Chunk Asset, it converts a chunkName to a JS asset URL
-// It is called in Core client/docusaurus.ts for chunk preloading/prefetching
-// Example: gca("814f3328") = "/baseUrl/assets/js/814f3328.03fcc178.js"
-// See also: https://github.com/facebook/docusaurus/pull/10485
-
-// The name of the custom Docusaurus Webpack runtime function
-const DocusaurusGetChunkAssetFn = '__webpack_require__.gca';
+import {type Compiler} from 'webpack';
 
 const PluginName = 'Docusaurus-ChunkAssetPlugin';
 
-function generateGetChunkAssetRuntimeCode(chunk: webpack.Chunk): string {
-  const chunkIdToName = chunk.getChunkMaps(false).name;
-  const chunkNameToId = Object.fromEntries(
-    Object.entries(chunkIdToName).map(([chunkId, chunkName]) => [
-      chunkName,
-      chunkId,
-    ]),
-  );
-
-  const {
-    // publicPath = __webpack_require__.p
-    // Example: "/" or "/baseUrl/"
-    // https://github.com/webpack/webpack/blob/v5.94.0/lib/runtime/PublicPathRuntimeModule.js
-    publicPath,
-
-    // getChunkScriptFilename = __webpack_require__.u
-    // Example: getChunkScriptFilename("814f3328") = "814f3328.03fcc178.js"
-    // https://github.com/webpack/webpack/blob/v5.94.0/lib/runtime/GetChunkFilenameRuntimeModule.js
-    getChunkScriptFilename,
-  } = webpack.RuntimeGlobals;
-
-  const code = `// Docusaurus function to get chunk asset
-${DocusaurusGetChunkAssetFn} = function(chunkId) { chunkId = ${JSON.stringify(
-    chunkNameToId,
-  )}[chunkId]||chunkId; return ${publicPath} + ${getChunkScriptFilename}(chunkId); };`;
-
-  return webpack.Template.asString(code);
-}
-
 /*
  Note: we previously used `MainTemplate.hooks.requireExtensions.tap()`
  But it will be removed in Webpack 6 and is not supported by Rspack
- So instead we use equivalent code inspired by:
- - https://github.com/webpack/webpack/blob/v5.94.0/lib/RuntimePlugin.js#L462
- - https://github.com/webpack/webpack/blob/v5.94.0/lib/runtime/CompatRuntimeModule.js
+ So instead we use Webpack's builtin prefetch & preload abilities
  */
 export default class ChunkAssetPlugin {
   apply(compiler: Compiler): void {
     compiler.hooks.thisCompilation.tap(PluginName, (compilation) => {
       compilation.hooks.additionalTreeRuntimeRequirements.tap(
         PluginName,
-        (chunk) => {
-          compilation.addRuntimeModule(chunk, new ChunkAssetRuntimeModule());
+        (_, set) => {
+          // webpack doesn't support auto inject prefetch & preload runtimeModule, so need to inject it manually
+          set.add(compiler.webpack.RuntimeGlobals.prefetchChunk);
+          set.add(compiler.webpack.RuntimeGlobals.preloadChunk);
         },
       );
     });
   }
 }
-
-// Inspired by https://github.com/webpack/webpack/blob/v5.94.0/lib/runtime/CompatRuntimeModule.js
-class ChunkAssetRuntimeModule extends webpack.RuntimeModule {
-  constructor() {
-    super('ChunkAssetRuntimeModule', webpack.RuntimeModule.STAGE_ATTACH);
-    this.fullHash = true;
-  }
-  override generate() {
-    return generateGetChunkAssetRuntimeCode(this.chunk!);
-  }
-}