fix(mfsu): src compiled twice when use APP_ROOT (#9885)

* fix: 🐛  src code compiled twice problme

* refactor: 🎨 umi-docs 开启 mfsu normal

Co-authored-by: pshu <pishu.spf@antfin.com>

.umirc.ts

@@ -2,7 +2,7 @@ export default {
   favicons: [
     'https://img.alicdn.com/tfs/TB1YHEpwUT1gK0jSZFhXXaAtVXa-28-27.svg',
   ],
-  mfsu: false,
+  mfsu: { strategy: 'normal' },
   routePrefetch: {},
   manifest: {},
   plugins: ['@umijs/plugin-docs'],

packages/mfsu/src/babelPlugins/awaitImport/checkMatch.test.ts

@@ -49,8 +49,12 @@ test('start with mf/', () => {
   expect(
     checkMatch({
       value: 'mf/foo',
-    }).isMatch,
-  ).toEqual(false);
+    }),
+  ).toEqual({
+    isMatch: true,
+    value: 'foo',
+    replaceValue: 'mf/foo',
+  });
 });
 
 test('babel/svgr-webpack', () => {

packages/mfsu/src/babelPlugins/awaitImport/checkMatch.ts

@@ -64,13 +64,13 @@ export function checkMatch({
 
   const unMatchLibsRegex = genUnMatchLibsRegex(opts.unMatchLibs);
 
+  const mfPathInitial = `${remoteName}/`;
+
   if (
     // unMatch specified libs
     unMatchLibsRegex?.test(value) ||
     // do not match bundler-webpack/client/client/client.js
     value.includes('client/client/client.js') ||
-    // already handled
-    value.startsWith(`${remoteName}/`) ||
     // don't match dynamic path
     // e.g. @umijs/deps/compiled/babel/svgr-webpack.js?-svgo,+titleProp,+ref!./umi.svg
     winPath(value).includes('babel/svgr-webpack') ||
@@ -83,6 +83,9 @@ export function checkMatch({
     value.startsWith('.')
   ) {
     isMatch = false;
+    // already handled
+  } else if (value.startsWith(mfPathInitial)) {
+    isMatch = true;
   } else if (isAbsolute(value)) {
     isMatch = RE_NODE_MODULES.test(value) || isUmiLocalDev(value);
   } else {
@@ -110,7 +113,13 @@ export function checkMatch({
   }
 
   if (isMatch) {
-    replaceValue = `${remoteName}/${winPath(value)}`;
+    // in case src file compiled twice or more
+    if (value.startsWith(mfPathInitial)) {
+      replaceValue = value;
+      value = value.replace(mfPathInitial, '');
+    } else {
+      replaceValue = `${remoteName}/${winPath(value)}`;
+    }
   }
 
   // @ts-ignore