refactor: 适配 vite@2.7.x

Author: atzcl

src/Bootstrap.ts

@@ -1,10 +1,9 @@
-/* eslint-disable import/no-dynamic-require */
 import assert from 'assert';
 import { join } from 'path';
 
 import * as fs from 'fs-extra';
 
-import { debounce } from 'lodash';
+import debounce from 'lodash/debounce';
 import * as esbuild from 'esbuild';
 
 import { Service } from './core';

src/core/server/capability/Logger.ts

@@ -1,4 +1,4 @@
-import ora from 'ora';
+import ora, { Ora } from 'ora';
 import type { ForegroundColor } from 'chalk';
 import chalk from 'chalk';
 
@@ -21,7 +21,7 @@ function outputLogText(opts = {} as Partial<{ type: LogType; color: typeof Foreg
 }
 
 class Spinner {
-  private spinnerInstance: ora.Ora | undefined;
+  private spinnerInstance: Ora | undefined;
 
   init(text = '即将开始启动自动生成业务配置代码，请稍等~\n') {
     this.spinnerInstance = ora(outputLogText()(text));

src/core/typings/server.d.ts

@@ -12,7 +12,6 @@ export type Config = {
      */
     loading?: string;
     delay?: number;
-    webpackPreload?: boolean;
   };
   // https://umijs.org/zh-CN/plugins/plugin-locale#umijsplugin-locale
   locale?: {

src/core/util/childProcess.ts

@@ -6,7 +6,7 @@ const PromiseWrapper = (cmdType: keyof typeof childProcess) => (
   isConsoleLog = true,
 ) =>
   new Promise((resolve, reject) => {
-    const result = childProcess[cmdType](options) as childProcess.ChildProcessByStdio<
+    const result = childProcess[cmdType as 'spawn'](options) as childProcess.ChildProcessByStdio<
       Writable,
       Readable,
       Readable

src/plugins.ts

@@ -1,6 +1,4 @@
-import type { Options as reactRefreshOptions } from '@vitejs/plugin-react-refresh';
-import reactRefresh from '@vitejs/plugin-react-refresh';
-import reactJsx from 'vite-react-jsx';
+import react, { Options as ReactOptions } from '@vitejs/plugin-react'
 import WindiCSS from 'vite-plugin-windicss';
 
 import type { VitePluginOptions } from 'vite-plugin-style-import';
@@ -16,7 +14,7 @@ import { Bootstrap } from './Bootstrap';
 
 type Options = {
   styleImport?: VitePluginOptions;
-  reactRefresh?: reactRefreshOptions;
+  react?: ReactOptions;
   mkcert?: ViteCertificateOptions;
 };
 
@@ -28,15 +26,15 @@ export const reactAutoConfig = async (options: Options = {}) => {
 
   const { userConfig } = bootstrap.getServer();
 
-  const plugins = [reactJsx(), reactAutoConfigPluginConfig(bootstrap)] as (
+  const plugins = [
+    // todo: 待替换成 https://github.com/iheyunfei/vite-on-swc
+    react(options.react),
+    reactAutoConfigPluginConfig(bootstrap)
+  ] as (
     | PluginOption
     | PluginOption[]
   )[];
 
-  if (userConfig.fastRefresh !== false) {
-    plugins.push(reactRefresh(options.reactRefresh));
-  }
-
   if (userConfig.antd) {
     const { styleImport } = options;