@tarojs/plugin-framework-react 4.0.0-canary.8 → 4.0.0

package/LICENSE

@@ -154,7 +154,21 @@ See `/LICENSE` for details of the license.
 
 ==================
 
-MIT (stencil-vue2-output-target):
-The following files embed [stencil-vue2-output-target](https://github.com/diondree/stencil-vue2-output-target) MIT:
-`/packages/taro-components-library-vue2/src/vue-component-lib/utils.ts`
+MIT (weui):
+The following files embed [weui](https://github.com/Tencent/weui) MIT:
+`/packages/taro-components/src/components/*.scss`
+See `/LICENSE.txt` for details of the license.
+
+==================
+
+Apache-2.0 (intersection-observer):
+The following files embed [intersection-observer](https://github.com/GoogleChromeLabs/intersection-observer) Apache-2.0:
+`/packages/taro-api/src/polyfill/intersection-observer.ts`
+See `/LICENSE.txt` for details of the license.
+
+==================
+
+MIT (babel-plugin-jsx-dom-expressions):
+The following files embed [babel-plugin-jsx-dom-expressions](https://github.com/ryansolid/dom-expressions/blob/main/packages/babel-plugin-jsx-dom-expressions) MIT:
+`/packages/babel-plugin-transform-solid-jsx/src/*`
 See `/LICENSE` for details of the license.

package/dist/api-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"api-loader.js","sources":["../src/api-loader.ts"],"sourcesContent":["export default function (str: string) {\n  return `import {\n  useAddToFavorites,\n  useDidHide,\n  useDidShow,\n  useError,\n  useLaunch,\n  useLoad,\n  useOptionMenuClick,\n  usePageNotFound,\n  usePageScroll,\n  usePullDownRefresh,\n  usePullIntercept,\n  useReachBottom,\n  useReady,\n  useResize,\n  useRouter,\n  useSaveExitState,\n  useShareAppMessage,\n  useShareTimeline,\n  useTabItemTap,\n  useTitleClick,\n  useScope,\n  useUnhandledRejection,\n  useUnload\n} from '@tarojs/plugin-framework-react/dist/runtime'\n${str}\n\ntaro.useAddToFavorites = useAddToFavorites\ntaro.useDidHide = useDidHide\ntaro.useDidShow = useDidShow\ntaro.useError = useError\ntaro.useLaunch = useLaunch\ntaro.useLoad = useLoad\ntaro.useOptionMenuClick = useOptionMenuClick\ntaro.usePageNotFound = usePageNotFound\ntaro.usePageScroll = usePageScroll\ntaro.usePullDownRefresh = usePullDownRefresh\ntaro.usePullIntercept = usePullIntercept\ntaro.useReachBottom = useReachBottom\ntaro.useReady = useReady\ntaro.useResize = useResize\ntaro.useRouter = useRouter\ntaro.useSaveExitState = useSaveExitState\ntaro.useShareAppMessage = useShareAppMessage\ntaro.useShareTimeline = useShareTimeline\ntaro.useTabItemTap = useTabItemTap\ntaro.useTitleClick = useTitleClick\ntaro.useScope = useScope\ntaro.useUnhandledRejection = useUnhandledRejection\ntaro.useUnload = useUnload\n\nexport {\n  useAddToFavorites,\n  useDidHide,\n  useDidShow,\n  useError,\n  useLaunch,\n  useLoad,\n  useOptionMenuClick,\n  usePageNotFound,\n  usePageScroll,\n  usePullDownRefresh,\n  usePullIntercept,\n  useReachBottom,\n  useReady,\n  useResize,\n  useRouter,\n  useSaveExitState,\n  useShareAppMessage,\n  useShareTimeline,\n  useTabItemTap,\n  useTitleClick,\n  useScope,\n  useUnhandledRejection,\n  useUnload\n}\n`\n}\n"],"names":[],"mappings":";;AAAc,kBAAA,EAAW,GAAW,EAAA;IAChC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;EAyBT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDJ,CAAC;AACF;;;;"}
+{"version":3,"file":"api-loader.js","sources":["../src/api-loader.ts"],"sourcesContent":["export default function (str: string) {\n  return `import {\n  useAddToFavorites,\n  useDidHide,\n  useDidShow,\n  useError,\n  useLaunch,\n  useLoad,\n  useOptionMenuClick,\n  usePageNotFound,\n  usePageScroll,\n  usePullDownRefresh,\n  usePullIntercept,\n  useReachBottom,\n  useReady,\n  useResize,\n  useRouter,\n  useSaveExitState,\n  useShareAppMessage,\n  useShareTimeline,\n  useTabItemTap,\n  useTitleClick,\n  useScope,\n  useUnhandledRejection,\n  useUnload\n} from '@tarojs/plugin-framework-react/dist/runtime'\n${str}\n\ntaro.useAddToFavorites = useAddToFavorites\ntaro.useDidHide = useDidHide\ntaro.useDidShow = useDidShow\ntaro.useError = useError\ntaro.useLaunch = useLaunch\ntaro.useLoad = useLoad\ntaro.useOptionMenuClick = useOptionMenuClick\ntaro.usePageNotFound = usePageNotFound\ntaro.usePageScroll = usePageScroll\ntaro.usePullDownRefresh = usePullDownRefresh\ntaro.usePullIntercept = usePullIntercept\ntaro.useReachBottom = useReachBottom\ntaro.useReady = useReady\ntaro.useResize = useResize\ntaro.useRouter = useRouter\ntaro.useSaveExitState = useSaveExitState\ntaro.useShareAppMessage = useShareAppMessage\ntaro.useShareTimeline = useShareTimeline\ntaro.useTabItemTap = useTabItemTap\ntaro.useTitleClick = useTitleClick\ntaro.useScope = useScope\ntaro.useUnhandledRejection = useUnhandledRejection\ntaro.useUnload = useUnload\n\nexport {\n  useAddToFavorites,\n  useDidHide,\n  useDidShow,\n  useError,\n  useLaunch,\n  useLoad,\n  useOptionMenuClick,\n  usePageNotFound,\n  usePageScroll,\n  usePullDownRefresh,\n  usePullIntercept,\n  useReachBottom,\n  useReady,\n  useResize,\n  useRouter,\n  useSaveExitState,\n  useShareAppMessage,\n  useShareTimeline,\n  useTabItemTap,\n  useTitleClick,\n  useScope,\n  useUnhandledRejection,\n  useUnload\n}\n`\n}\n"],"names":[],"mappings":";;AAAc,kBAAA,EAAW,GAAW,EAAA;IAClC,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;EAyBP,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDJ,CAAA;AACD;;;;"}

package/dist/index.js

@@ -4,63 +4,32 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var helper = require('@tarojs/helper');
 var shared = require('@tarojs/shared');
+var tslib = require('tslib');
 var lodash = require('lodash');
 var acorn = require('acorn');
 var walk = require('acorn-walk');
 var path = require('node:path');
 
 function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var acorn__namespace = /*#__PURE__*/_interopNamespaceDefault(acorn);
 var walk__namespace = /*#__PURE__*/_interopNamespaceDefault(walk);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 function apiLoader (str) {
     return `import {
   useAddToFavorites,
@@ -192,20 +161,6 @@ function addConfig(source) {
     });
     return additionConfig;
 }
-const nervMeta = {
-    importFrameworkStatement: `
-import Nerv from 'nervjs';
-`,
-    mockAppStatement: `
-class App extends Nerv.Component {
-  render () {
-    return this.props.children
-  }
-}
-`,
-    frameworkArgs: 'Nerv, Nerv, config',
-    importFrameworkName: 'Nerv'
-};
 function getLoaderMeta(framework) {
     const loaderMeta = {
         importFrameworkStatement: `
@@ -229,10 +184,7 @@ class App extends React.Component {
             Object.assign(config, addConfig(source));
         }
     };
-    if (framework === 'nerv') {
-        Object.assign(loaderMeta, nervMeta);
-    }
-    if (shared.isWebPlatform()) {
+    if (process.env.TARO_PLATFORM === 'web') {
         if (framework === 'react') {
             const react = require('react');
             const majorVersion = Number((react.version || '18').split('.')[0]);
@@ -264,7 +216,7 @@ function injectLoaderMeta$2(ctx, framework) {
     return {
         name: 'taro-react:loader-meta',
         buildStart() {
-            return __awaiter(this, void 0, void 0, function* () {
+            return tslib.__awaiter(this, void 0, void 0, function* () {
                 const viteCompilerContext = yield getViteH5CompilerContext(this);
                 if (viteCompilerContext) {
                     viteCompilerContext.loaderMeta = lodash.mergeWith(getLoaderMeta(framework), viteCompilerContext.loaderMeta, customizer);
@@ -280,13 +232,12 @@ function setTaroApi() {
         enforce: 'pre',
         config: () => ({
             optimizeDeps: {
-                force: true,
                 esbuildOptions: {
                     plugins: [
                         {
                             name: 'taro:react-api',
                             setup(build) {
-                                build.onLoad({ filter: helper.REG_TARO_H5_RUNTIME_API }, (args) => __awaiter(this, void 0, void 0, function* () {
+                                build.onLoad({ filter: helper.REG_TARO_H5_RUNTIME_API }, (args) => tslib.__awaiter(this, void 0, void 0, function* () {
                                     const input = yield helper.fs.readFile(args.path, 'utf8');
                                     return {
                                         contents: apiLoader(input + '\n' + 'const taro = Taro__default\n')
@@ -299,7 +250,7 @@ function setTaroApi() {
             },
         }),
         load(id) {
-            return __awaiter(this, void 0, void 0, function* () {
+            return tslib.__awaiter(this, void 0, void 0, function* () {
                 if (process.env.NODE_ENV === 'production' && helper.REG_TARO_H5_RUNTIME_API.test(id)) {
                     try {
                         const input = yield helper.fs.readFile(id, 'utf8');
@@ -342,7 +293,8 @@ function injectLoaderMeta$1(ctx, framework) {
             const { getViteHarmonyCompilerContext } = runnerUtils;
             const viteCompilerContext = getViteHarmonyCompilerContext(this);
             if (viteCompilerContext) {
-                viteCompilerContext.loaderMeta = getLoaderMeta(framework);
+                viteCompilerContext.loaderMeta || (viteCompilerContext.loaderMeta = {});
+                Object.assign(viteCompilerContext.loaderMeta, getLoaderMeta(framework));
             }
         }
     };
@@ -354,20 +306,21 @@ function aliasPlugin$1(ctx, framework) {
             config(config) {
                 var _a;
                 const alias = [
-                    { find: /react-dom$/, replacement: '@tarojs/react' }
+                    { find: /react-dom$/, replacement: '@tarojs/react' },
+                    { find: /react-dom\/client$/, replacement: '@tarojs/react' },
                 ];
+                const mainFields = ['unpkg', ...helper.defaultMainFields];
+                const resolveOptions = {
+                    basedir: process.cwd(),
+                    mainFields,
+                };
                 const isProd = config.mode === 'production';
                 // TODO：harmony 目前会导致部分包用 production 版本，部分用 development 版本，导致许多 api 报错
                 const isHarmony = ctx.runOpts.options.platform === 'harmony';
                 if (!isProd && ((_a = ctx.initialConfig.harmony) === null || _a === void 0 ? void 0 : _a.debugReact) !== true && !isHarmony) {
-                    // 不是生产环境，且没有设置 debugReact，则使用压缩版本的 react 依赖，减少体积
-                    alias.push({ find: /react-reconciler$/, replacement: 'react-reconciler/cjs/react-reconciler.production.min.js' });
-                    alias.push({ find: /react$/, replacement: 'react/cjs/react.production.min.js' });
-                    alias.push({ find: /scheduler$/, replacement: 'scheduler/cjs/scheduler.production.min.js' });
-                    alias.push({ find: /react\/jsx-runtime$/, replacement: 'react/cjs/react-jsx-runtime.production.min.js' });
                     // 在React18中，使用了exports字段约定了模块暴露路径，其中并未暴露 ./cjs/ 。这将使上面的alias在编译时报错。相当的tricky。
                     // Why writeJson？ prebundle will load package.json via readFile to check exports property.
-                    const reactPkgPath = require.resolve('react/package.json', { paths: [process.cwd()] });
+                    const reactPkgPath = helper.resolveSync('react/package.json', resolveOptions);
                     if (reactPkgPath) {
                         const reactPkg = require('react/package.json');
                         const reactVersion = (reactPkg.version || '');
@@ -404,7 +357,8 @@ function injectLoaderMeta(ctx, framework) {
             const { getViteMiniCompilerContext } = runnerUtils;
             const viteCompilerContext = getViteMiniCompilerContext(this);
             if (viteCompilerContext) {
-                viteCompilerContext.loaderMeta = getLoaderMeta(framework);
+                viteCompilerContext.loaderMeta || (viteCompilerContext.loaderMeta = {});
+                Object.assign(viteCompilerContext.loaderMeta, getLoaderMeta(framework));
             }
         }
     };
@@ -416,8 +370,14 @@ function aliasPlugin(ctx, framework) {
             config(config) {
                 var _a;
                 const alias = [
-                    { find: /react-dom$/, replacement: '@tarojs/react' }
+                    { find: /react-dom$/, replacement: '@tarojs/react' },
+                    { find: /react-dom\/client$/, replacement: '@tarojs/react' },
                 ];
+                const mainFields = ['unpkg', ...helper.defaultMainFields];
+                const resolveOptions = {
+                    basedir: process.cwd(),
+                    mainFields,
+                };
                 const isProd = config.mode === 'production';
                 // TODO：harmony 目前会导致部分包用 production 版本，部分用 development 版本，导致许多 api 报错
                 const isHarmony = ctx.runOpts.options.platform === 'harmony';
@@ -429,7 +389,7 @@ function aliasPlugin(ctx, framework) {
                     alias.push({ find: /react\/jsx-runtime$/, replacement: 'react/cjs/react-jsx-runtime.production.min.js' });
                     // 在React18中，使用了exports字段约定了模块暴露路径，其中并未暴露 ./cjs/ 。这将使上面的alias在编译时报错。相当的tricky。
                     // Why writeJson？ prebundle will load package.json via readFile to check exports property.
-                    const reactPkgPath = require.resolve('react/package.json', { paths: [process.cwd()] });
+                    const reactPkgPath = helper.resolveSync('react/package.json', resolveOptions);
                     if (reactPkgPath) {
                         const reactPkg = require('react/package.json');
                         const reactVersion = (reactPkg.version || '');
@@ -460,17 +420,30 @@ function modifyH5WebpackChain(ctx, framework, chain) {
     const externals = {};
     if (isBuildNativeComp) {
         // Note: 该模式不支持 prebundle 优化，不必再处理
-        externals.react = 'React';
-        externals['react-dom'] = 'ReactDOM';
+        externals.react = {
+            commonjs: 'react',
+            commonjs2: 'react',
+            amd: 'react',
+            root: 'React'
+        };
+        externals['react-dom'] = {
+            commonjs: 'react-dom',
+            commonjs2: 'react-dom',
+            amd: 'react-dom',
+            root: 'ReactDOM'
+        };
         if (framework === 'preact') {
             externals.preact = 'preact';
         }
+        chain.merge({
+            externalsType: 'umd'
+        });
     }
     chain.merge({
         externals,
         module: {
             rule: {
-                'process-import-taro': {
+                'process-import-taro-h5': {
                     test: helper.REG_TARO_H5,
                     loader: require.resolve('./api-loader'),
                 },
@@ -503,6 +476,17 @@ function setPlugin(ctx, framework, chain) {
             chain.plugin('fastRefreshPlugin').use(require('@prefresh/webpack'));
         }
     }
+    const mainFields = ['unpkg', ...helper.defaultMainFields];
+    const resolveOptions = {
+        basedir: process.cwd(),
+        mainFields,
+    };
+    if (framework === 'react') {
+        const alias = chain.resolve.alias;
+        // Note: 本地 link 调试时，避免 react 重复打包
+        alias.set('react$', helper.resolveSync('react', resolveOptions));
+        alias.set('react-dom$', helper.resolveSync('react-dom', resolveOptions));
+    }
 }
 
 function modifyHarmonyWebpackChain(ctx, framework, chain) {
@@ -513,6 +497,11 @@ function setAlias$2(ctx, framework, chain) {
     var _a;
     const config = ctx.initialConfig;
     const alias = chain.resolve.alias;
+    const mainFields = ['unpkg', ...helper.defaultMainFields];
+    const resolveOptions = {
+        basedir: process.cwd(),
+        mainFields,
+    };
     if (framework === 'react') {
         alias.set('react-dom$', '@tarojs/react');
         alias.set('react-dom/client$', '@tarojs/react');
@@ -521,14 +510,14 @@ function setAlias$2(ctx, framework, chain) {
         if (!isProd && ((_a = config.harmony) === null || _a === void 0 ? void 0 : _a.debugReact) !== true) {
             // 不是生产环境，且没有设置 debugReact，则使用压缩版本的 react 依赖，减少体积
             // 兼容pnpm workspace
-            const reactModulePath = require.resolve('react', { paths: [process.cwd()] });
+            const reactModulePath = helper.resolveSync('react', resolveOptions);
             const newFilePath = path.join(path.dirname(reactModulePath), 'cjs', 'react.production.min.js');
             alias.set('react-reconciler$', 'react-reconciler/cjs/react-reconciler.production.min.js');
             alias.set('react$', newFilePath);
             alias.set('react/jsx-runtime$', 'react/cjs/react-jsx-runtime.production.min.js');
             // 在React18中，使用了exports字段约定了模块暴露路径，其中并未暴露 ./cjs/ 。这将使上面的alias在编译时报错。相当的tricky。
             // Why writeJson？ prebundle will load package.json via readFile to check exports property.
-            const reactPkgPath = require.resolve('react/package.json', { paths: [process.cwd()] });
+            const reactPkgPath = helper.resolveSync('react/package.json', resolveOptions);
             if (reactPkgPath) {
                 const reactPkg = require('react/package.json');
                 const reactVersion = reactPkg.version || '';
@@ -544,7 +533,9 @@ function setAlias$2(ctx, framework, chain) {
 }
 function setLoader$1(framework, chain) {
     chain.plugin('mainPlugin').tap((args) => {
-        args[0].loaderMeta = getLoaderMeta(framework);
+        var _a;
+        (_a = args[0]).loaderMeta || (_a.loaderMeta = {});
+        Object.assign(args[0].loaderMeta, getLoaderMeta(framework));
         return args;
     });
 }
@@ -557,6 +548,11 @@ function setAlias$1(ctx, framework, chain) {
     var _a;
     const config = ctx.initialConfig;
     const alias = chain.resolve.alias;
+    const mainFields = ['unpkg', ...helper.defaultMainFields];
+    const resolveOptions = {
+        basedir: process.cwd(),
+        mainFields,
+    };
     if (framework === 'react') {
         alias.set('react-dom$', '@tarojs/react');
         alias.set('react-dom/client$', '@tarojs/react');
@@ -565,14 +561,14 @@ function setAlias$1(ctx, framework, chain) {
         if (!isProd && ((_a = config.mini) === null || _a === void 0 ? void 0 : _a.debugReact) !== true) {
             // 不是生产环境，且没有设置 debugReact，则使用压缩版本的 react 依赖，减少体积
             // 兼容pnpm workspace
-            const reactModulePath = require.resolve('react', { paths: [process.cwd()] });
+            const reactModulePath = helper.resolveSync('react', resolveOptions);
             const newFilePath = path.join(path.dirname(reactModulePath), 'cjs', 'react.production.min.js');
             alias.set('react-reconciler$', 'react-reconciler/cjs/react-reconciler.production.min.js');
             alias.set(/^(?!.*mobx-react$).*react$/, newFilePath);
             alias.set('react/jsx-runtime$', 'react/cjs/react-jsx-runtime.production.min.js');
             // 在React18中，使用了exports字段约定了模块暴露路径，其中并未暴露 ./cjs/ 。这将使上面的alias在编译时报错。相当的tricky。
             // Why writeJson？ prebundle will load package.json via readFile to check exports property.
-            const reactPkgPath = require.resolve('react/package.json', { paths: [process.cwd()] });
+            const reactPkgPath = helper.resolveSync('react/package.json', resolveOptions);
             if (reactPkgPath) {
                 const reactPkg = require('react/package.json');
                 const reactVersion = reactPkg.version || '';
@@ -588,13 +584,15 @@ function setAlias$1(ctx, framework, chain) {
 }
 function setLoader(framework, chain) {
     chain.plugin('miniPlugin').tap((args) => {
-        args[0].loaderMeta = getLoaderMeta(framework);
+        var _a;
+        (_a = args[0]).loaderMeta || (_a.loaderMeta = {});
+        Object.assign(args[0].loaderMeta, getLoaderMeta(framework));
         return args;
     });
 }
 
 function isReactLike(framework = 'react') {
-    return ['react', 'preact', 'nerv', 'solid'].includes(framework);
+    return ['react', 'preact'].includes(framework);
 }
 var index = (ctx) => {
     const { framework = 'react' } = ctx.initialConfig;
@@ -603,12 +601,7 @@ var index = (ctx) => {
     ctx.modifyWebpackChain(({ chain }) => {
         // 通用
         setAlias(framework, chain);
-        chain.plugin('definePlugin').tap((args) => {
-            const config = args[0];
-            config.__TARO_FRAMEWORK__ = `"${framework}"`;
-            return args;
-        });
-        if (shared.isWebPlatform()) {
+        if (process.env.TARO_PLATFORM === 'web') {
             // H5
             modifyH5WebpackChain(ctx, framework, chain);
         }
@@ -650,7 +643,7 @@ var index = (ctx) => {
                             contents: require('./api-loader')(content),
                         };
                     });
-                },
+                }
             };
             prebundleOptions.esbuild || (prebundleOptions.esbuild = {});
             const esbuildConfig = prebundleOptions.esbuild;
@@ -661,7 +654,7 @@ var index = (ctx) => {
             compiler.vitePlugins || (compiler.vitePlugins = []);
             compiler.vitePlugins.push(viteCommonPlugin(framework));
             compiler.vitePlugins.push(VitePresetPlugin(framework));
-            if (shared.isWebPlatform()) {
+            if (process.env.TARO_PLATFORM === 'web') {
                 // H5
                 compiler.vitePlugins.push(h5iVitePlugin(ctx, framework));
             }
@@ -678,17 +671,11 @@ var index = (ctx) => {
 };
 function setAlias(framework, chain) {
     const alias = chain.resolve.alias;
-    switch (framework) {
-        case 'preact':
-            alias.set('react', 'preact/compat');
-            alias.set('react-dom/test-utils', 'preact/test-utils');
-            alias.set('react-dom', 'preact/compat');
-            alias.set('react/jsx-runtime', 'preact/jsx-runtime');
-            break;
-        case 'nerv':
-            alias.set('react$', 'nervjs');
-            alias.set('react-dom$', 'nervjs');
-            break;
+    if (framework === 'preact') {
+        alias.set('react', 'preact/compat');
+        alias.set('react-dom/test-utils', 'preact/test-utils');
+        alias.set('react-dom', 'preact/compat');
+        alias.set('react/jsx-runtime', 'preact/jsx-runtime');
     }
 }
 function VitePresetPlugin(framework) {
@@ -723,16 +710,6 @@ function viteCommonPlugin(framework) {
                 ]
                 : [];
             return {
-                optimizeDeps: {
-                    esbuildOptions: {
-                        define: {
-                            __TARO_FRAMEWORK__: `"${framework}"`
-                        }
-                    }
-                },
-                define: {
-                    __TARO_FRAMEWORK__: `"${framework}"`,
-                },
                 resolve: {
                     alias,
                 },