feat: support config.dynamicImportSyntax for syntax only

docs/config/README.md

@@ -450,6 +450,21 @@ export default () => {
 
 构建之后使用低网络模拟就能看到效果。
 
+## dynamicImportSyntax
+
+* Type: `object`
+* Default: `false`
+
+如果你不需要路由按需加载，只需要支持 `import()` 语法的 code splitting，可使用此配置。
+
+比如：
+
+```js
+export default {
+  dynamicImportSyntax: {},
+}
+```
+
 ## exportStatic
 
 * Type: `object`

docs/config/README.zh-CN.md

@@ -448,6 +448,21 @@ export default () => {
 
 构建之后使用低网络模拟就能看到效果。
 
+## dynamicImportSyntax
+
+* Type: `object`
+* Default: `false`
+
+如果你不需要路由按需加载，只需要支持 `import()` 语法的 code splitting，可使用此配置。
+
+比如：
+
+```js
+export default {
+  dynamicImportSyntax: {},
+}
+```
+
 ## exportStatic
 
 * Type: `object`

packages/bundler-utils/src/getBabelOpts.ts

@@ -26,10 +26,11 @@ function getBasicBabelLoaderOpts({ cwd }: { cwd: string }) {
 }
 
 export function getBabelPresetOpts(opts: IOpts) {
+  const { config } = opts;
   return {
     // @ts-ignore
     nodeEnv: opts.env,
-    dynamicImportNode: !opts.config.dynamicImport,
+    dynamicImportNode: !config.dynamicImport && !config.dynamicImportSyntax,
     autoCSSModules: true,
     svgr: true,
     env: {
@@ -74,7 +75,8 @@ export function getBabelDepsOpts({
         require.resolve('@umijs/babel-preset-umi/dependency'),
         {
           nodeEnv: env,
-          dynamicImportNode: !config.dynamicImport,
+          dynamicImportNode:
+            !config.dynamicImport && !config.dynamicImportSyntax,
         },
       ],
     ],

packages/preset-built-in/src/plugins/features/dynamicImportSyntax.ts

@@ -0,0 +1,14 @@
+import { IApi } from '@umijs/types';
+
+export default (api: IApi) => {
+  api.describe({
+    key: 'dynamicImportSyntax',
+    config: {
+      schema(joi) {
+        return joi
+          .object()
+          .description('Code splitting for import statement syntax');
+      },
+    },
+  });
+};

packages/types/index.d.ts

@@ -306,6 +306,7 @@ export interface BaseIConfig extends IConfigCore {
   dynamicImport?: {
     loading?: string;
   };
+  dynamicImportSyntax?: {};
   exportStatic?: {
     htmlSuffix?: boolean;
     dynamicRoot?: boolean;