fix(taro-plugin-generator): vite runner 配置 (#17929)

Co-authored-by: chenjiajun79 <[email protected]>

Author: Single-Dancer

packages/taro-cli/templates/default/package.json.tmpl

@@ -112,6 +112,7 @@
     "@types/node": "^20"
   }{{/if}}{{#if (eq compiler "Vite") }}
   "devDependencies": {
+    "@tarojs/plugin-generator": "{{ version }}",
     "@babel/core": "^7.24.4",
     "@babel/plugin-transform-class-properties": "7.25.9",
     "@tarojs/cli": "{{ version }}",

packages/taro-plugin-generator/src/generators/es5/config.ts

@@ -10,9 +10,19 @@ import { GeneratorError, GeneratorErrorType } from '../../utils/error'
 
 import type { IPluginContext } from '@tarojs/service'
 
-const modifiedConfigError = new GeneratorError({
-  type: GeneratorErrorType.modifyConfig,
-  message: dedent(`
+const createModifiedConfigError = (compilerType: CompilerType) =>
+  new GeneratorError({
+    type: GeneratorErrorType.modifyConfig,
+    message:
+      compilerType === 'vite'
+        ? dedent(`
+      {
+        h5: {
+          legacy: true,
+        }
+      }
+    `)
+        : dedent(`
     {
       mini: {
         compile: {
@@ -30,13 +40,15 @@ const modifiedConfigError = new GeneratorError({
       }
     }
   `),
-})
+  })
 
 /**
  * 更新配置文件
  */
-export async function updateConfig(ctx: IPluginContext) {
+export async function updateConfig(options: { ctx: IPluginContext, compilerType: CompilerType }) {
+  const { ctx, compilerType } = options
   const { fs } = ctx.helper
+
   const sourceCode = await fs.readFile(ctx.paths.configPath, { encoding: 'utf-8' })
 
   const ast = parser.parse(sourceCode, { sourceType: 'module', plugins: ['typescript'] })
@@ -47,24 +59,45 @@ export async function updateConfig(ctx: IPluginContext) {
     ObjectProperty: (o) => {
       const { node } = o
       if (t.isIdentifier(node.key) && node.key.name === 'mini' && t.isObjectExpression(node.value)) {
-        modifyCompileConfig(node.value)
+        if (compilerType === 'webpack5') {
+          modifyWebpackCompileConfig(node.value)
+        } else {
+          // vite-runner 小程序看着不支持 legacy 字段
+        }
         miniUpdated = true
       }
       if (t.isIdentifier(node.key) && node.key.name === 'h5' && t.isObjectExpression(node.value)) {
-        modifyCompileConfig(node.value)
+        if (compilerType === 'webpack5') {
+          modifyWebpackCompileConfig(node.value)
+        } else {
+          modifyViteCompileConfig(node.value)
+        }
         h5Updated = true
       }
     },
   })
   if (!miniUpdated || !h5Updated) {
-    throw modifiedConfigError
+    throw createModifiedConfigError(compilerType)
   }
   const { code } = generate(ast)
   await fs.outputFile(ctx.paths.configPath, code, { encoding: 'utf-8' })
   console.log('✅ 更新配置文件成功\n')
 }
 
-function modifyCompileConfig(config: t.ObjectExpression) {
+function modifyViteCompileConfig(config: t.ObjectExpression) {
+  const legacyProp = config.properties.find(
+    (p) => t.isObjectProperty(p) && t.isIdentifier(p.key) && p.key.name === 'legacy'
+  )
+  if (!legacyProp) {
+    config.properties.push(t.objectProperty(t.identifier('legacy'), t.booleanLiteral(true)))
+  } else if (t.isObjectProperty(legacyProp)) {
+    legacyProp.value = t.booleanLiteral(true)
+  } else {
+    throw createModifiedConfigError('vite')
+  }
+}
+
+function modifyWebpackCompileConfig(config: t.ObjectExpression) {
   ensureNestedObjectProperty(config, ['compile'])
   const compileProp = config.properties.find(
     (p) => t.isObjectProperty(p) && t.isIdentifier(p.key) && p.key.name === 'compile'
@@ -94,7 +127,7 @@ function modifyCompileConfig(config: t.ObjectExpression) {
     } else if (t.isObjectProperty(includeProp) && t.isArrayExpression(includeProp.value)) {
       includeProp.value.elements.push(include)
     } else {
-      throw modifiedConfigError
+      throw createModifiedConfigError('webpack5')
     }
   }
 }

packages/taro-plugin-generator/src/generators/es5/index.ts

@@ -1,13 +1,17 @@
 /* eslint-disable no-console */
-import { readPkgJson } from '../../utils'
+import { getCompilerType, readPkgJson } from '../../utils'
 import { updateBabelConfig } from './babel'
 import { updateConfig } from './config'
 
 import type { IPluginContext } from '@tarojs/service'
 
 export async function es5Generator(ctx: IPluginContext) {
+  const compilerType = getCompilerType(ctx.initialConfig.compiler)
+  if (!compilerType) {
+    throw new Error('未找到编译器类型')
+  }
   await updateBrowserList(ctx)
-  await updateConfig(ctx)
+  await updateConfig({ ctx, compilerType })
   await updateBabelConfig(ctx)
   console.log('✅ 启用「编译为 ES5」成功')
 }
@@ -20,10 +24,7 @@ async function updateBrowserList(ctx: IPluginContext) {
     return
   }
   const pkgJson = readPkgJson(ctx)
-  pkgJson.browserslist = {
-    development: ['defaults and fully supports es6-module', 'maintained node versions'],
-    production: ['last 3 versions', 'Android >= 4.1', 'ios >= 8'],
-  }
+  pkgJson.browserslist = ['last 3 versions', 'Android >= 4.1', 'ios >= 8']
   await fs.outputJson(`${ctx.paths.appPath}/package.json`, pkgJson, {
     encoding: 'utf-8',
     spaces: 2,