feat(vite): 增加 Babel 处理的逻辑

packages/taro-vite-runner/package.json

@@ -9,6 +9,7 @@
     "mv:comp": "node ./mv-comp.js"
   },
   "dependencies": {
+    "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-inject": "^5.0.3",
     "@tarojs/shared": "workspace:*",
     "html-minifier": "^4.0.0",

packages/taro-vite-runner/src/mini/config.ts

@@ -1,10 +1,12 @@
+import { babel, RollupBabelInputPluginOptions } from '@rollup/plugin-babel'
 import inject from '@rollup/plugin-inject'
 import { PLATFORMS } from '@tarojs/helper'
+import path from 'path'
 
 import type { PluginOption } from 'vite'
 import type { MiniBuildConfig } from '../utils/types'
 
-export default function (taroConfig: MiniBuildConfig): PluginOption {
+export default function (appPath: string, taroConfig: MiniBuildConfig): PluginOption {
   function getDefineOption () {
     const {
       env = {},
@@ -45,6 +47,37 @@ export default function (taroConfig: MiniBuildConfig): PluginOption {
     })
   }
 
+  function getBabelOption (taroConfig: MiniBuildConfig): RollupBabelInputPluginOptions {
+    const { compile = {} } = taroConfig
+    const babelOptions: RollupBabelInputPluginOptions = {
+      extensions: ['.js', '.jsx', 'ts', 'tsx', '.es6', '.es', '.mjs'],
+      babelHelpers: 'runtime',
+      skipPreflightCheck: true
+    }
+
+    if (compile.exclude?.length) {
+      babelOptions.exclude = [
+        ...compile.exclude,
+        /css-loader/,
+        /node_modules[/\\](?!@tarojs)/
+      ]
+    } else if (compile.include?.length) {
+      const sourceDir = path.join(appPath, taroConfig.sourceRoot || 'src')
+      babelOptions.include = [
+        ...compile.include,
+        sourceDir,
+        /taro/
+      ]
+    } else {
+      babelOptions.exclude = [
+        /css-loader/,
+        /node_modules[/\\](?!@tarojs)/
+      ]
+    }
+
+    return babelOptions
+  }
+
   return {
     name: 'taro:vite-mini-config',
     config: () => ({
@@ -84,7 +117,8 @@ export default function (taroConfig: MiniBuildConfig): PluginOption {
               Element: ['@tarojs/runtime', 'TaroElement'],
               SVGElement: ['@tarojs/runtime', 'SVGElement'],
               MutationObserver: ['@tarojs/runtime', 'MutationObserver']
-            })
+            }),
+            babel(getBabelOption(taroConfig)),
           ]
         },
         commonjsOptions: {

packages/taro-vite-runner/src/mini/index.ts

@@ -10,7 +10,7 @@ import type { MiniBuildConfig } from '../utils/types'
 export default function (appPath: string, taroConfig: MiniBuildConfig): PluginOption[] {
   return [
     pipelinePlugin(appPath, taroConfig),
-    configPlugin(taroConfig),
+    configPlugin(appPath, taroConfig),
     entryPlugin(),
     pagePlugin(),
     emitPlugin()