@tarojs/plugin-framework-solid 4.0.0-beta.83 → 4.0.0-beta.85

package/dist/index.js

@@ -4,32 +4,64 @@ 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);
 
+const RECONCILER_NAME = '@tarojs/plugin-framework-solid/dist/reconciler';
+
+/******************************************************************************
+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,
@@ -55,7 +87,7 @@ function apiLoader (str) {
   useScope,
   useUnhandledRejection,
   useUnload
-} from '@tarojs/plugin-framework-react/dist/runtime'
+} from '@tarojs/plugin-framework-solid/dist/runtime'
 ${str}
 
 taro.useAddToFavorites = useAddToFavorites
@@ -161,65 +193,34 @@ function addConfig(source) {
     });
     return additionConfig;
 }
-function getLoaderMeta(framework) {
+function getLoaderMeta() {
     const loaderMeta = {
-        importFrameworkStatement: `
-import * as React from 'react'
-import ReactDOM from 'react-dom'
-`,
+        importFrameworkStatement: '',
         mockAppStatement: `
-class App extends React.Component {
-  render () {
-    return this.props.children
-  }
+function App(props) {
+return null
 }
 `,
-        frameworkArgs: 'React, ReactDOM, config',
-        creator: 'createReactApp',
-        creatorLocation: '@tarojs/plugin-framework-react/dist/runtime',
-        importFrameworkName: 'React',
+        frameworkArgs: 'config',
+        creator: 'createSolidApp',
+        creatorLocation: '@tarojs/plugin-framework-solid/dist/runtime',
+        importFrameworkName: '',
         extraImportForWeb: '',
         execBeforeCreateWebApp: '',
         modifyConfig(config, source) {
             Object.assign(config, addConfig(source));
-        }
+        },
     };
-    if (framework === 'solid') {
-        Object.assign(loaderMeta, {
-            creator: 'createSolidApp',
-            frameworkArgs: 'config',
-            importFrameworkStatement: '',
-            importFrameworkName: '',
-            mockAppStatement: `
-function App(props) {
-  return null
-}
-`,
-        });
-    }
-    if (process.env.TARO_PLATFORM === 'web') {
-        if (framework === 'react') {
-            const react = require('react');
-            const majorVersion = Number((react.version || '18').split('.')[0]);
-            if (majorVersion >= 18) {
-                // Note: In react 18 or above, should using react-dom/client
-                loaderMeta.importFrameworkStatement = loaderMeta.importFrameworkStatement.replace('\'react-dom\'', '\'react-dom/client\'');
-                loaderMeta.extraImportForWeb += `import { findDOMNode, render, unstable_batchedUpdates } from 'react-dom'\n`;
-                loaderMeta.execBeforeCreateWebApp += `Object.assign(ReactDOM, { findDOMNode, render, unstable_batchedUpdates })\n`;
-            }
-        }
-    }
     return loaderMeta;
 }
 
-function h5iVitePlugin(ctx, framework) {
+function h5iVitePlugin(ctx) {
     return [
-        injectLoaderMeta$2(ctx, framework),
+        injectLoaderMeta$2(ctx),
         setTaroApi(),
-        esbuildExclude(framework)
     ];
 }
-function injectLoaderMeta$2(ctx, framework) {
+function injectLoaderMeta$2(ctx) {
     function customizer(object = '', sources = '') {
         if ([object, sources].every(e => typeof e === 'string'))
             return object + sources;
@@ -227,12 +228,12 @@ function injectLoaderMeta$2(ctx, framework) {
     const { runnerUtils } = ctx;
     const { getViteH5CompilerContext } = runnerUtils;
     return {
-        name: 'taro-react:loader-meta',
+        name: 'taro-solid:loader-meta',
         buildStart() {
-            return tslib.__awaiter(this, void 0, void 0, function* () {
+            return __awaiter(this, void 0, void 0, function* () {
                 const viteCompilerContext = yield getViteH5CompilerContext(this);
                 if (viteCompilerContext) {
-                    viteCompilerContext.loaderMeta = lodash.mergeWith(getLoaderMeta(framework), viteCompilerContext.loaderMeta, customizer);
+                    viteCompilerContext.loaderMeta = lodash.mergeWith(getLoaderMeta(), viteCompilerContext.loaderMeta, customizer);
                 }
             });
         }
@@ -241,16 +242,16 @@ function injectLoaderMeta$2(ctx, framework) {
 function setTaroApi() {
     // dev 环境通过 esbuild 来做； pro 环境通过 rollup load 钩子来做；因为生产环境不会走 esbuild
     return {
-        name: 'taro-react:process-import-taro',
+        name: 'taro-solid:process-import-taro',
         enforce: 'pre',
         config: () => ({
             optimizeDeps: {
                 esbuildOptions: {
                     plugins: [
                         {
-                            name: 'taro:react-api',
+                            name: 'taro:solid-api',
                             setup(build) {
-                                build.onLoad({ filter: helper.REG_TARO_H5_RUNTIME_API }, (args) => tslib.__awaiter(this, void 0, void 0, function* () {
+                                build.onLoad({ filter: helper.REG_TARO_H5_RUNTIME_API }, (args) => __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')
@@ -263,7 +264,7 @@ function setTaroApi() {
             },
         }),
         load(id) {
-            return tslib.__awaiter(this, void 0, void 0, function* () {
+            return __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');
@@ -277,212 +278,85 @@ function setTaroApi() {
         }
     };
 }
-// todo 后面看看能否把 preact 改为虚拟模块
-function esbuildExclude(framework) {
-    if (framework !== 'preact')
-        return null;
-    return {
-        name: 'taro-react:esvuild-exclude',
-        enforce: 'pre',
-        config: () => ({
-            optimizeDeps: {
-                exclude: ['react', 'preact', 'solid-js']
-            }
-        })
-    };
-}
 
-function harmonyVitePlugin(ctx, framework) {
+function harmonyVitePlugin(ctx) {
     return [
-        injectLoaderMeta$1(ctx, framework),
-        aliasPlugin$1(ctx, framework),
+        injectLoaderMeta$1(ctx),
+        aliasPlugin$1(),
     ];
 }
-function injectLoaderMeta$1(ctx, framework) {
+function injectLoaderMeta$1(ctx) {
     return {
-        name: 'taro-react:loader-meta',
+        name: 'taro-solid:loader-meta',
         buildStart() {
             const { runnerUtils } = ctx;
             const { getViteHarmonyCompilerContext } = runnerUtils;
             const viteCompilerContext = getViteHarmonyCompilerContext(this);
             if (viteCompilerContext) {
-                viteCompilerContext.loaderMeta = getLoaderMeta(framework);
+                viteCompilerContext.loaderMeta = getLoaderMeta();
             }
         }
     };
 }
-function aliasPlugin$1(ctx, framework) {
-    if (framework === 'react') {
-        return {
-            name: 'taro-react:alias',
-            config(config) {
-                var _a;
-                const alias = [
-                    { find: /react-dom$/, 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 = helper.resolveSync('react/package.json', resolveOptions);
-                    if (reactPkgPath) {
-                        const reactPkg = require('react/package.json');
-                        const reactVersion = (reactPkg.version || '');
-                        if ((/^[~^]?18/).test(reactVersion) && reactPkg.exports) {
-                            reactPkg.exports = Object.assign(reactPkg.exports, {
-                                './cjs/': './cjs/'
-                            });
-                            helper.fs.writeJsonSync(reactPkgPath, reactPkg, { spaces: 2 });
-                        }
-                    }
+function aliasPlugin$1() {
+    return {
+        name: 'taro-solid:alias',
+        config() {
+            const alias = [
+                { find: 'solid-js/web$', replacement: RECONCILER_NAME },
+                { find: 'react/jsx-runtime', replacement: RECONCILER_NAME },
+            ];
+            return {
+                resolve: {
+                    alias
                 }
-                return {
-                    resolve: {
-                        alias
-                    }
-                };
-            }
-        };
-    }
-    else if (framework === 'solid') {
-        return {
-            name: 'taro-solid:alias',
-            config() {
-                const reconcilerName = '@tarojs/plugin-framework-react/dist/reconciler';
-                const alias = [
-                    { find: 'solid-js/web', replacement: reconcilerName },
-                    { find: 'react/jsx-runtime', replacement: reconcilerName },
-                ];
-                return {
-                    resolve: {
-                        alias
-                    }
-                };
-            }
-        };
-    }
-    return [];
+            };
+        }
+    };
 }
 
-function miniVitePlugin(ctx, framework) {
+function miniVitePlugin(ctx) {
     return [
-        injectLoaderMeta(ctx, framework),
-        aliasPlugin(ctx, framework),
+        injectLoaderMeta(ctx),
+        aliasPlugin(),
     ];
 }
-function injectLoaderMeta(ctx, framework) {
+function injectLoaderMeta(ctx) {
     return {
-        name: 'taro-react:loader-meta',
+        name: 'taro-solid:loader-meta',
         buildStart() {
             const { runnerUtils } = ctx;
             const { getViteMiniCompilerContext } = runnerUtils;
             const viteCompilerContext = getViteMiniCompilerContext(this);
             if (viteCompilerContext) {
-                viteCompilerContext.loaderMeta = getLoaderMeta(framework);
+                viteCompilerContext.loaderMeta = getLoaderMeta();
             }
         }
     };
 }
-function aliasPlugin(ctx, framework) {
-    if (framework === 'react') {
-        return {
-            name: 'taro-react:alias',
-            config(config) {
-                var _a;
-                const alias = [
-                    { find: /react-dom$/, 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.mini) === 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: /^(?!.*mobx-react$).*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 = helper.resolveSync('react/package.json', resolveOptions);
-                    if (reactPkgPath) {
-                        const reactPkg = require('react/package.json');
-                        const reactVersion = (reactPkg.version || '');
-                        if ((/^[~^]?18/).test(reactVersion) && reactPkg.exports) {
-                            reactPkg.exports = Object.assign(reactPkg.exports, {
-                                './cjs/': './cjs/'
-                            });
-                            helper.fs.writeJsonSync(reactPkgPath, reactPkg, { spaces: 2 });
-                        }
-                    }
+function aliasPlugin() {
+    return {
+        name: 'taro-solid:alias',
+        config() {
+            const alias = [
+                { find: 'solid-js/web$', replacement: RECONCILER_NAME },
+            ];
+            return {
+                resolve: {
+                    alias
                 }
-                return {
-                    resolve: {
-                        alias
-                    }
-                };
-            }
-        };
-    }
-    else if (framework === 'solid') {
-        return {
-            name: 'taro-solid:alias',
-            config() {
-                const reconcilerName = '@tarojs/plugin-framework-react/dist/reconciler';
-                const alias = [
-                    { find: 'solid-js/web', replacement: reconcilerName },
-                    { find: 'react/jsx-runtime', replacement: reconcilerName },
-                ];
-                return {
-                    resolve: {
-                        alias
-                    }
-                };
-            }
-        };
-    }
-    return [];
+            };
+        }
+    };
 }
 
-function modifyH5WebpackChain(ctx, framework, chain) {
+function modifyH5WebpackChain(ctx, chain) {
     var _a;
-    setLoader$2(framework, chain);
-    setPlugin(ctx, framework, chain);
+    setLoader$2(chain);
+    setPlugin(chain);
     const { isBuildNativeComp = false } = ((_a = ctx.runOpts) === null || _a === void 0 ? void 0 : _a.options) || {};
     const externals = {};
     if (isBuildNativeComp) {
-        // Note: 该模式不支持 prebundle 优化，不必再处理
-        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'
         });
@@ -509,192 +383,87 @@ function modifyH5WebpackChain(ctx, framework, chain) {
             }
         },
     });
-    chain.merge({
-        externals,
-        module: {
-            rule: {
-                'process-import-taro-harmony-hybrid': {
-                    test: /taro-platform-harmony-hybrid[\\/]dist[\\/]api[\\/]apis[\\/]taro/,
-                    loader: require.resolve('./api-loader')
-                }
-            }
-        },
-    });
 }
-function setLoader$2(framework, chain) {
+function setLoader$2(chain) {
     function customizer(object = '', sources = '') {
         if ([object, sources].every((e) => typeof e === 'string'))
             return object + sources;
     }
     chain.plugin('mainPlugin').tap((args) => {
-        args[0].loaderMeta = lodash.mergeWith(getLoaderMeta(framework), args[0].loaderMeta, customizer);
+        args[0].loaderMeta = lodash.mergeWith(getLoaderMeta(), args[0].loaderMeta, customizer);
         return args;
     });
 }
-function setPlugin(ctx, framework, chain) {
-    var _a, _b;
-    const config = ctx.initialConfig;
-    const webpackConfig = chain.toConfig();
-    const isProd = webpackConfig.mode === 'production';
-    if (!isProd && ((_b = (_a = config.h5) === null || _a === void 0 ? void 0 : _a.devServer) === null || _b === void 0 ? void 0 : _b.hot) !== false) {
-        // 默认开启 fast-refresh
-        if (framework === 'react') {
-            chain.plugin('fastRefreshPlugin').use(require('@pmmmwh/react-refresh-webpack-plugin'));
-        }
-        else if (framework === 'preact') {
-            chain.plugin('hotModuleReplacementPlugin').use(require('webpack').HotModuleReplacementPlugin);
-            chain.plugin('fastRefreshPlugin').use(require('@prefresh/webpack'));
-        }
-    }
+function setPlugin(chain) {
     const mainFields = ['unpkg', ...helper.defaultMainFields];
     const resolveOptions = {
         basedir: process.cwd(),
         mainFields,
     };
-    if (framework === 'solid') {
-        const reconcilerName = '@tarojs/plugin-framework-react/dist/reconciler';
-        const alias = chain.resolve.alias;
-        alias.set(reconcilerName, helper.resolveSync('solid-js/web', resolveOptions));
-        // Note: 本地 link 调试时，避免 solid 重复打包
-        alias.set('solid-js$', helper.resolveSync('solid-js', resolveOptions));
-    }
-    else if (framework === 'react') {
-        const alias = chain.resolve.alias;
-        // Note: 本地 link 调试时，避免 react 重复打包
-        alias.set('react$', helper.resolveSync('react', resolveOptions));
-    }
+    const alias = chain.resolve.alias;
+    // Note: 本地 link 调试时，避免 solid 重复打包
+    alias.set('solid-js$', helper.resolveSync('solid-js', resolveOptions));
 }
 
-function modifyHarmonyWebpackChain(ctx, framework, chain) {
-    setAlias$2(ctx, framework, chain);
-    setLoader$1(framework, chain);
+function modifyHarmonyWebpackChain(chain) {
+    setAlias$1(chain);
+    setLoader$1(chain);
 }
-function setAlias$2(ctx, framework, chain) {
-    var _a;
-    const config = ctx.initialConfig;
+function setAlias$1(chain) {
     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');
-        const webpackConfig = chain.toConfig();
-        const isProd = webpackConfig.mode === 'production';
-        if (!isProd && ((_a = config.harmony) === null || _a === void 0 ? void 0 : _a.debugReact) !== true) {
-            // 不是生产环境，且没有设置 debugReact，则使用压缩版本的 react 依赖，减少体积
-            // 兼容pnpm workspace
-            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 = helper.resolveSync('react/package.json', resolveOptions);
-            if (reactPkgPath) {
-                const reactPkg = require('react/package.json');
-                const reactVersion = reactPkg.version || '';
-                if (/^[~^]?18/.test(reactVersion) && reactPkg.exports) {
-                    reactPkg.exports = Object.assign(reactPkg.exports, {
-                        './cjs/': './cjs/',
-                    });
-                    helper.fs.writeJsonSync(reactPkgPath, reactPkg, { spaces: 2 });
-                }
-            }
-        }
-    }
-    else if (framework === 'solid') {
-        const reconcilerName = '@tarojs/plugin-framework-react/dist/reconciler';
-        alias.set('solid-js/web', reconcilerName);
-        alias.set('react/jsx-runtime', reconcilerName);
-    }
+    alias.set('solid-js/web$', RECONCILER_NAME);
 }
-function setLoader$1(framework, chain) {
+function setLoader$1(chain) {
     chain.plugin('mainPlugin').tap((args) => {
-        args[0].loaderMeta = getLoaderMeta(framework);
+        args[0].loaderMeta = getLoaderMeta();
         return args;
     });
 }
 
-function modifyMiniWebpackChain(ctx, framework, chain) {
-    setAlias$1(ctx, framework, chain);
-    setLoader(framework, chain);
+function modifyMiniWebpackChain(chain) {
+    setAlias(chain);
+    setLoader(chain);
 }
-function setAlias$1(ctx, framework, chain) {
-    var _a;
-    const config = ctx.initialConfig;
+function setAlias(chain) {
     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');
-        const webpackConfig = chain.toConfig();
-        const isProd = webpackConfig.mode === 'production';
-        if (!isProd && ((_a = config.mini) === null || _a === void 0 ? void 0 : _a.debugReact) !== true) {
-            // 不是生产环境，且没有设置 debugReact，则使用压缩版本的 react 依赖，减少体积
-            // 兼容pnpm workspace
-            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 = helper.resolveSync('react/package.json', resolveOptions);
-            if (reactPkgPath) {
-                const reactPkg = require('react/package.json');
-                const reactVersion = reactPkg.version || '';
-                if (/^[~^]?18/.test(reactVersion) && reactPkg.exports) {
-                    reactPkg.exports = Object.assign(reactPkg.exports, {
-                        './cjs/': './cjs/',
-                    });
-                    helper.fs.writeJsonSync(reactPkgPath, reactPkg, { spaces: 2 });
-                }
-            }
-        }
-    }
-    else if (framework === 'solid') {
-        const reconcilerName = '@tarojs/plugin-framework-react/dist/reconciler';
-        alias.set('solid-js/web', reconcilerName);
-        // Note: 本地 link 调试时，避免 solid 重复打包
-        alias.set('solid-js$', helper.resolveSync('solid-js', resolveOptions));
-    }
+    alias.set('solid-js/web$', RECONCILER_NAME);
+    // Note: 本地 link 调试时，避免 solid 重复打包
+    alias.set('solid-js$', helper.resolveSync('solid-js', resolveOptions));
 }
-function setLoader(framework, chain) {
-    chain.plugin('miniPlugin').tap((args) => {
-        args[0].loaderMeta = getLoaderMeta(framework);
+function setLoader(chain) {
+    chain.plugin('miniPlugin')
+        .tap(args => {
+        args[0].loaderMeta = getLoaderMeta();
         return args;
     });
 }
 
-function isReactLike(framework = 'react') {
-    return ['react', 'preact', 'solid'].includes(framework);
-}
 var index = (ctx) => {
-    const { framework = 'react' } = ctx.initialConfig;
-    if (!isReactLike(framework))
+    const { framework } = ctx.initialConfig;
+    if (framework !== 'solid')
         return;
     ctx.modifyWebpackChain(({ chain }) => {
-        // 通用
-        setAlias(framework, chain);
+        chain.plugin('definePlugin').tap((args) => {
+            const config = args[0];
+            config.__TARO_FRAMEWORK__ = `"${framework}"`;
+            return args;
+        });
         if (process.env.TARO_PLATFORM === 'web') {
             // H5
-            modifyH5WebpackChain(ctx, framework, chain);
+            modifyH5WebpackChain(ctx, chain);
         }
         else if (process.env.TARO_PLATFORM === 'harmony' || process.env.TARO_ENV === 'harmony') {
             // 鸿蒙
-            modifyHarmonyWebpackChain(ctx, framework, chain);
+            modifyHarmonyWebpackChain(chain);
         }
         else {
             // 小程序
-            modifyMiniWebpackChain(ctx, framework, chain);
+            modifyMiniWebpackChain(chain);
         }
     });
     ctx.modifyRunnerOpts(({ opts }) => {
@@ -708,17 +477,13 @@ var index = (ctx) => {
         const { compiler } = opts;
         if (compiler.type === 'webpack5') {
             // 提供给 webpack5 依赖预编译收集器的第三方依赖
-            const deps = ['react', 'react-dom', 'react/jsx-runtime', '@tarojs/plugin-framework-react/dist/runtime'];
+            const deps = ['@tarojs/plugin-framework-solid/dist/runtime'];
             compiler.prebundle || (compiler.prebundle = {});
             const prebundleOptions = compiler.prebundle;
             prebundleOptions.include || (prebundleOptions.include = []);
             prebundleOptions.include = prebundleOptions.include.concat(deps);
-            prebundleOptions.exclude || (prebundleOptions.exclude = []);
-            prebundleOptions.exclude.push(/mobx/); // 依赖会对 webpack 修改，默认排除
-            if (prebundleOptions.enable === false)
-                return;
-            const taroReactPlugin = {
-                name: 'taroReactPlugin',
+            const taroSolidPlugin = {
+                name: 'taroSolidPlugin',
                 setup(build) {
                     build.onLoad({ filter: helper.REG_TARO_H5 }, ({ path }) => {
                         const content = helper.fs.readFileSync(path).toString();
@@ -737,85 +502,49 @@ var index = (ctx) => {
             prebundleOptions.esbuild || (prebundleOptions.esbuild = {});
             const esbuildConfig = prebundleOptions.esbuild;
             esbuildConfig.plugins || (esbuildConfig.plugins = []);
-            esbuildConfig.plugins.push(taroReactPlugin);
+            esbuildConfig.plugins.push(taroSolidPlugin);
         }
         else if (compiler.type === 'vite') {
+            const solidPlugin = require('vite-plugin-solid');
             compiler.vitePlugins || (compiler.vitePlugins = []);
-            compiler.vitePlugins.push(viteCommonPlugin(framework));
-            compiler.vitePlugins.push(VitePresetPlugin(framework));
+            const solidOptions = {};
             if (process.env.TARO_PLATFORM === 'web') {
                 // H5
-                compiler.vitePlugins.push(h5iVitePlugin(ctx, framework));
+                compiler.vitePlugins.push(...h5iVitePlugin(ctx));
             }
             else if (process.env.TARO_PLATFORM === 'harmony' || process.env.TARO_ENV === 'harmony') {
                 // 鸿蒙
-                compiler.vitePlugins.push(harmonyVitePlugin(ctx, framework));
+                compiler.vitePlugins.push(harmonyVitePlugin(ctx));
             }
             else {
+                Object.assign(solidOptions, {
+                    moduleName: RECONCILER_NAME,
+                    generate: 'universal',
+                    uniqueTransform: true,
+                });
                 // 小程序
-                compiler.vitePlugins.push(miniVitePlugin(ctx, framework));
+                compiler.vitePlugins.push(miniVitePlugin(ctx));
             }
+            // @TODO vite的插件需要内部删除babel-preset-solid
+            compiler.vitePlugins.unshift(solidPlugin({
+                babel: {
+                    presets: [
+                        [
+                            require('babel-plugin-transform-solid-jsx'),
+                            solidOptions
+                        ],
+                    ],
+                },
+            }));
+        }
+    });
+    // 映射、收集使用到的小程序组件
+    ctx.onParseCreateElement(({ nodeName, componentConfig }) => {
+        if (shared.capitalize(shared.toCamelCase(nodeName)) in shared.internalComponents) {
+            componentConfig.includes.add(nodeName);
         }
     });
 };
-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 'solid':
-            alias.set('react/jsx-runtime', 'solid-js/h/jsx-runtime');
-            break;
-    }
-}
-function VitePresetPlugin(framework) {
-    return framework === 'preact'
-        ? require('@preact/preset-vite').preact({
-            babel: {
-                plugins: [
-                    ['@babel/plugin-proposal-decorators', { legacy: true }],
-                    ['@babel/plugin-proposal-class-properties', { loose: true }],
-                ],
-            },
-        })
-        : require('@vitejs/plugin-react').default({
-            babel: {
-                plugins: [
-                    ['@babel/plugin-proposal-decorators', { legacy: true }],
-                    ['@babel/plugin-proposal-class-properties', { loose: true }],
-                ],
-            },
-        });
-}
-function viteCommonPlugin(framework) {
-    return {
-        name: 'taro-react:common',
-        config() {
-            const alias = framework === 'preact'
-                ? [
-                    { find: 'react', replacement: 'preact/compat' },
-                    { find: 'react-dom/test-utils', replacement: 'preact/test-utils' },
-                    { find: 'react-dom', replacement: 'preact/compat' },
-                    { find: 'react/jsx-runtime', replacement: 'preact/jsx-runtime' },
-                ]
-                : [];
-            if (framework === 'solid') {
-                const reconcilerName = '@tarojs/plugin-framework-react/dist/reconciler';
-                alias.push({ find: 'react/jsx-runtime', replacement: reconcilerName });
-            }
-            return {
-                resolve: {
-                    alias,
-                },
-            };
-        },
-    };
-}
 
 exports.default = index;
-exports.isReactLike = isReactLike;
 //# sourceMappingURL=index.js.map