feat(bundler-mako): generate dynamicImportToRequire from babel and webpack config

e2e/fixtures.umi/config.babel-plugin-dynamic-import-node/.umirc.ts

@@ -0,0 +1,4 @@
+export default {
+  mako: {},
+  extraBabelPlugins: ['babel-plugin-dynamic-import-node'],
+};

e2e/fixtures.umi/config.babel-plugin-dynamic-import-node/async.ts

@@ -0,0 +1 @@
+export default 'a';

e2e/fixtures.umi/config.babel-plugin-dynamic-import-node/expect.js

@@ -0,0 +1,11 @@
+const assert = require("assert");
+const { parseBuildResult } = require("../../../scripts/test-utils");
+const { files } = parseBuildResult(__dirname);
+
+const jsFilesCount = Object.keys(files).filter(f => f.endsWith('.js')).length;
+
+assert.equal(
+  jsFilesCount,
+  1,
+  'should output one js file',
+);

e2e/fixtures.umi/config.babel-plugin-dynamic-import-node/pages/index.tsx

@@ -0,0 +1,3 @@
+console.log('single file');
+
+import('../async');

packages/bundler-mako/index.js

@@ -388,7 +388,10 @@ function checkConfig(opts) {
     .some((p) => {
       const isImportPlugin = /^import$|babel-plugin-import/.test(p[0]);
       const isEmotionPlugin = p === '@emotion' || p === '@emotion/babel-plugin';
-      if (!isImportPlugin && !isEmotionPlugin) {
+      const isDynamicImportNode = /^(babel-plugin-)?dynamic-import-node$/.test(
+        p,
+      );
+      if (!isImportPlugin && !isEmotionPlugin && !isDynamicImportNode) {
         warningKeys.push('extraBabelPlugins');
         return true;
       }
@@ -446,12 +449,20 @@ async function getMakoConfig(opts) {
   }
   const webpackConfig = webpackChainConfig.toConfig();
   let umd = false;
-  if (
-    webpackConfig.output &&
-    webpackConfig.output.libraryTarget === 'umd' &&
-    webpackConfig.output.library
-  ) {
-    umd = webpackConfig.output.library;
+  let { dynamicImportToRequire } = opts.config;
+  if (webpackConfig.output) {
+    // handle asyncChunks config
+    if (webpackConfig.output.asyncChunks === false) {
+      dynamicImportToRequire = true;
+    }
+
+    // handle umd output config
+    if (
+      webpackConfig.output.libraryTarget === 'umd' &&
+      webpackConfig.output.library
+    ) {
+      umd = webpackConfig.output.library;
+    }
   }
 
   let platform = 'browser';
@@ -466,7 +477,6 @@ async function getMakoConfig(opts) {
     mdx,
     devtool,
     cjs,
-    dynamicImportToRequire,
     jsMinifier,
     externals,
     copy = [],
@@ -516,11 +526,19 @@ async function getMakoConfig(opts) {
   if (process.env.COMPRESS === 'none') {
     minify = false;
   }
-  // transform babel-plugin-import plugins to transformImport
   const extraBabelPlugins = [
     ...(opts.extraBabelPlugins || []),
     ...(opts.config.extraBabelPlugins || []),
   ];
+
+  // transform babel-plugin-dynamic-import-node to dynamicImportToRequire
+  dynamicImportToRequire ??= Boolean(
+    extraBabelPlugins.find((p) =>
+      /^(babel-plugin-)?dynamic-import-node$/.test(p),
+    ),
+  );
+
+  // transform babel-plugin-import plugins to transformImport
   const transformImport = extraBabelPlugins
     .filter((p) => /^import$|babel-plugin-import/.test(p[0]))
     .map(([_, v]) => {