diff --git a/packages/code-generator/src/plugins/component/rax/containerInjectDataSourceEngine.ts b/packages/code-generator/src/plugins/component/rax/containerInjectDataSourceEngine.ts
index 5c4c6bd9a..f6cca564d 100644
--- a/packages/code-generator/src/plugins/component/rax/containerInjectDataSourceEngine.ts
+++ b/packages/code-generator/src/plugins/component/rax/containerInjectDataSourceEngine.ts
@@ -11,6 +11,7 @@ import {
   DataSourceConfig,
   isJSExpression,
   isJSFunction,
+  JSExpression,
 } from '../../../types';
 
 import { generateUnknownType } from '../../../utils/compositeType';
@@ -37,23 +38,30 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
     const dataSourceItems: DataSourceConfig[] = (dataSourceConfig && dataSourceConfig.list) || [];
     const dataSourceEngineOptions = { runtimeConfig: true };
     if (dataSourceItems.length > 0) {
-      Object.assign(dataSourceEngineOptions, {
-        requestHandlersMap: dataSourceItems.reduce(
-          (handlers, ds) =>
-            ds.type in handlers && ds.type !== 'custom'
-              ? handlers
-              : {
-                  ...handlers,
-                  [ds.type]: {
-                    type: 'JSExpression',
-                    value:
-                      `require('@ali/lowcode-datasource-engine/handlers/${changeCase.kebabCase(ds.type)}')` +
-                      (ds.type === 'urlParams' ? '({ search: this.props.location.search })' : ''),
-                  },
-                },
-          {} as Record<string, CompositeValue>,
-        ),
+      const requestHandlersMap = {} as Record<string, JSExpression>;
+
+      dataSourceItems.forEach((ds) => {
+        if (!(ds.type in requestHandlersMap) && ds.type !== 'custom') {
+          const handlerName = '__$$' + changeCase.camelCase(ds.type) + 'RequestHandler';
+
+          requestHandlersMap[ds.type] = {
+            type: 'JSExpression',
+            value: handlerName + (ds.type === 'urlParams' ? '({ search: this.props.location.search })' : ''),
+          };
+
+          next.chunks.push({
+            type: ChunkType.STRING,
+            fileType: FileType.JSX,
+            name: COMMON_CHUNK_NAME.ExternalDepsImport,
+            content: `
+              import ${handlerName} from '@ali/lowcode-datasource-engine/handlers/${changeCase.kebabCase(ds.type)}';
+            `,
+            linkAfter: [],
+          });
+        }
       });
+
+      Object.assign(dataSourceEngineOptions, { requestHandlersMap });
     }
 
     next.chunks.push({
diff --git a/packages/code-generator/test-cases/rax-app/demo2/expected/demo-project/src/pages/Home/index.jsx b/packages/code-generator/test-cases/rax-app/demo2/expected/demo-project/src/pages/Home/index.jsx
index 8b5352869..05bdc9ac0 100644
--- a/packages/code-generator/test-cases/rax-app/demo2/expected/demo-project/src/pages/Home/index.jsx
+++ b/packages/code-generator/test-cases/rax-app/demo2/expected/demo-project/src/pages/Home/index.jsx
@@ -9,6 +9,10 @@ import Text from 'rax-text';
 
 import Image from 'rax-image';
 
+import __$$urlParamsRequestHandler from '@ali/lowcode-datasource-engine/handlers/url-params';
+
+import __$$fetchRequestHandler from '@ali/lowcode-datasource-engine/handlers/fetch';
+
 import { create as __$$createDataSourceEngine } from '@ali/lowcode-datasource-engine';
 
 import { isMiniApp as __$$isMiniApp } from 'universal-env';
@@ -44,9 +48,9 @@ class Home$$Page extends Component {
   _dataSourceConfig = this._defineDataSourceConfig();
   _dataSourceEngine = __$$createDataSourceEngine(this._dataSourceConfig, this._context, {
     runtimeConfig: true,
-    requestHandlers: {
-      urlParams: require('@ali/lowcode-datasource-engine/handlers/url-params')({ search: this.props.location.search }),
-      fetch: require('@ali/lowcode-datasource-engine/handlers/fetch'),
+    requestHandlersMap: {
+      urlParams: __$$urlParamsRequestHandler({ search: this.props.location.search }),
+      fetch: __$$fetchRequestHandler,
     },
   });