fix: basic api missing types from dumi (#1313)

src/client/tsconfig.json

@@ -9,7 +9,6 @@
       "@@/*": [".dumi/tmp/*"],
       "dumi": ["."],
       "dumi/theme/*": ["src/client/theme-default/*"]
-    },
-    "types": ["../../.dumi/tmp/typings"]
+    }
   }
 }

src/client/typings.d.ts

@@ -0,0 +1,14 @@
+declare module '*.less' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+
+declare module '*.svg' {
+  import * as React from 'react';
+  export const ReactComponent: React.FunctionComponent<
+    React.SVGProps<SVGSVGElement> & { title?: string }
+  >;
+
+  const src: string;
+  export default src;
+}

src/constants.ts

@@ -29,3 +29,5 @@ export const CLIENT_DEPS = [
   'react-copy-to-clipboard',
   'react-intl',
 ];
+
+export const USELESS_TMP_FILES = ['tsconfig.json', 'typings.d.ts'];

src/features/derivative.ts

@@ -1,10 +1,15 @@
-import { CLIENT_DEPS, LOCAL_DUMI_DIR, LOCAL_PAGES_DIR } from '@/constants';
+import {
+  CLIENT_DEPS,
+  LOCAL_DUMI_DIR,
+  LOCAL_PAGES_DIR,
+  USELESS_TMP_FILES,
+} from '@/constants';
 import type { IApi } from '@/types';
 import { parseModule } from '@umijs/bundler-utils';
 import assert from 'assert';
 import fs from 'fs';
 import path from 'path';
-import { deepmerge, glob, logger, winPath } from 'umi/plugin-utils';
+import { deepmerge, fsExtra, glob, logger, winPath } from 'umi/plugin-utils';
 
 /**
  * exclude pre-compiling modules in mfsu mode
@@ -166,6 +171,18 @@ export default (api: IApi) => {
     },
   });
 
+  // remove tsconfig.json, because the paths in tsconfig.json cannot be resolved in dumi project
+  api.register({
+    key: 'onGenerateFiles',
+    // make sure after umi generate files
+    stage: Infinity,
+    fn() {
+      USELESS_TMP_FILES.forEach((file) => {
+        fsExtra.rmSync(path.join(api.paths.absTmpPath, file), { force: true });
+      });
+    },
+  });
+
   // built-in other umi plugins (such as analytics)
   api.registerPlugins([require.resolve('../../compiled/@umijs/plugins')]);
 };

src/features/exports.ts

@@ -16,7 +16,7 @@ export default (api: IApi) => {
     api.writeTmpFile({
       noPluginDir: true,
       path: 'dumi/exports.ts',
-      content: `export * from '../exports.ts';
+      content: `export * from '../exports';
 export * from '${winPath(require.resolve('../client/theme-api'))}';`,
     });
   });