feat: upgrade vite dependencies to v4.1

examples/test-vitest/package.json

@@ -11,7 +11,7 @@
   },
   "devDependencies": {
     "@types/react-test-renderer": "^18.0.0",
-    "@vitejs/plugin-react": "1.2.0",
+    "@vitejs/plugin-react": "3.0.1",
     "react-test-renderer": "^18.2.0",
     "typescript": "^4.9.4",
     "vitest": "^0.16.0"

packages/bundler-vite/compiled/@vitejs/plugin-legacy/package.json

@@ -1 +1 @@
-{"name":"@vitejs/plugin-legacy","version":"2.3.1","author":"Evan You","license":"MIT","types":"./dist/index.d.ts"}
+{"name":"@vitejs/plugin-legacy","version":"3.0.2","author":"Evan You","license":"MIT","types":"./dist/index.d.ts"}

packages/bundler-vite/package.json

@@ -28,18 +28,19 @@
     "@svgr/core": "6.2.1",
     "@umijs/bundler-utils": "4.0.47",
     "@umijs/utils": "4.0.47",
-    "@vitejs/plugin-react": "2.2.0",
+    "@vitejs/plugin-react": "3.0.1",
+    "core-js": "^3.27.2",
     "less": "4.1.3",
     "postcss-preset-env": "7.5.0",
     "rollup-plugin-visualizer": "5.9.0",
-    "vite": "3.2.5"
+    "vite": "4.0.4"
   },
   "devDependencies": {
     "@types/caniuse-lite": "1.0.1",
     "@types/svgo": "3.0.0",
-    "@vitejs/plugin-legacy": "2.3.1",
+    "@vitejs/plugin-legacy": "3.0.2",
     "caniuse-lite": "1.0.30001441",
-    "rollup": "2.79.1",
+    "rollup": "3.7.0",
     "rollup-plugin-copy": "3.4.0"
   },
   "publishConfig": {

packages/bundler-vite/src/config/transformer/rollup.ts

@@ -1,11 +1,11 @@
+import type { IConfig } from '@umijs/bundler-webpack/dist/types';
 import path from 'path';
 import {
   visualizer,
   type PluginVisualizerOptions,
 } from 'rollup-plugin-visualizer';
 import type { IConfigProcessor } from '.';
 import copy from '../../../compiled/rollup-plugin-copy';
-import type { IConfig } from '@umijs/bundler-webpack/dist/types';
 
 /**
  * transform umi configs to vite rollup options
@@ -51,6 +51,8 @@ export default (function rollup(userConfig) {
           })
       );
     }
+
+    // @ts-ignore
     config.build!.rollupOptions!.plugins!.push(
       visualizer({
         template: generateStatsFile ? 'raw-data' : 'treemap',
@@ -67,6 +69,7 @@ export default (function rollup(userConfig) {
 
   // handle copy
   if (Array.isArray(userConfig.copy)) {
+    // @ts-ignore rollup 升级导致的类型不正确, 这里的用法没问题
     config.build!.rollupOptions!.plugins!.push(
       copy({
         targets: userConfig.copy.map((item) => {

packages/bundler-vite/src/config/transformer/target.ts

@@ -39,6 +39,7 @@ export default (function target(userConfig) {
       targets: getBrowserlist(userConfig.targets),
       polyfills: false,
       ignoreBrowserslistConfig: true,
+      externalSystemJS: true,
     };
 
     config.plugins!.push(legacyPlugin(legacyOpts));

packages/preset-umi/package.json

@@ -67,7 +67,7 @@
     "multer": "1.4.4",
     "os-locale": "^6.0.2",
     "sirv": "2.0.2",
-    "vite": "2.9.1"
+    "vite": "4.0.4"
   },
   "publishConfig": {
     "access": "public"

packages/preset-umi/src/features/esmi/esmi.ts

@@ -1,7 +1,7 @@
 import { parse as parseImports } from '@umijs/bundler-utils/compiled/es-module-lexer';
 import MagicString from 'magic-string';
 import { join } from 'path';
-import type { Plugin, ResolvedConfig } from 'vite';
+import type { HmrContext, Plugin, ResolvedConfig } from 'vite';
 import { createResolver } from '../../libs/scan';
 import type { IApi } from '../../types';
 import requireToImport from './esbuildPlugins/requireToImport';
@@ -15,7 +15,7 @@ let importmatches: Record<string, string> = {};
  * esmi vite plugin
  */
 function esmi(opts: {
-  handleHotUpdate?: Plugin['handleHotUpdate'];
+  handleHotUpdate?: (ctx: HmrContext) => void;
   resolver: ReturnType<typeof createResolver>;
 }): Plugin {
   return {

packages/preset-vue/compiled/@vitejs/plugin-vue/package.json

@@ -1 +1 @@
-{"name":"@vitejs/plugin-vue","version":"3.2.0","author":"Evan You","license":"MIT","types":"./dist/index.d.ts"}
+{"name":"@vitejs/plugin-vue","version":"4.0.0","author":"Evan You","license":"MIT","types":"./dist/index.d.ts"}

packages/preset-vue/package.json

@@ -28,7 +28,7 @@
     "vue-router": "4.1.6"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "2.3.1",
+    "@vitejs/plugin-vue": "4.0.0",
     "umi": "4.0.47"
   },
   "publishConfig": {