@tuya-sat/micro-script 0.0.4 → 1.0.0-rc.4

package/dist/bin/cli.js

@@ -1,4 +1,5 @@
 #!/usr/bin/env node
+"use strict";
 const PORXY_SIGN = "--proxy";
 const params = process.argv.slice(2);
 const [action, ...rest] = params;
@@ -6,8 +7,10 @@ if (rest.includes(PORXY_SIGN)) {
     process.env.MICRO_DEBUGGER = "true";
 }
 if (action === "start") {
+    process.env.NODE_ENV = "development";
     require("../scripts/start");
 }
 else {
+    process.env.NODE_ENV = "production";
     require("../scripts/build");
 }

package/dist/config/webpack.common.d.ts

@@ -1,63 +1,5 @@
-export default function getCommonConfig({ isDev, isBuild }: {
-    isDev: any;
-    isBuild: any;
-}): {
-    mode: string;
-    output: {
-        filename: string;
-        chunkFilename: string;
-        path: string;
-        clean: boolean;
-        library: {
-            name: any;
-            type: string;
-        };
-    };
-    module: {
-        rules: ({
-            test: RegExp;
-            use: any[];
-            loader?: undefined;
-            options?: undefined;
-        } | {
-            test: RegExp;
-            use: {
-                loader: string;
-                options: {
-                    iesafe: boolean;
-                };
-            };
-            loader?: undefined;
-            options?: undefined;
-        } | {
-            test: RegExp[];
-            loader: string;
-            options: {
-                limit: number;
-                name: string;
-            };
-            use?: undefined;
-        })[];
-    };
-    optimization: {
-        runtimeChunk: string;
-        splitChunks: {
-            cacheGroups: {
-                vendor: {
-                    test: RegExp;
-                    name: string;
-                    chunks: string;
-                    priority: number;
-                };
-                react: {
-                    test: RegExp;
-                    name: string;
-                    chunks: string;
-                    priority: number;
-                };
-            };
-        };
-        minimizer: (string | import("css-minimizer-webpack-plugin/types").default<import("css-minimizer-webpack-plugin/types").CssNanoOptionsExtended>)[];
-    };
-    plugins: any[];
-};
+import { Configuration } from "webpack";
+export default function getCommonConfig({ isDev, isBuild, }: {
+    isDev: boolean;
+    isBuild: boolean;
+}): Configuration;

package/dist/config/webpack.common.js

@@ -12,20 +12,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+//@ts-ignore
 const copy_webpack_plugin_1 = __importDefault(require("copy-webpack-plugin"));
-const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
+//@ts-ignore
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
+const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
 const css_minimizer_webpack_plugin_1 = __importDefault(require("css-minimizer-webpack-plugin"));
 const paths_1 = __importDefault(require("./paths"));
-function getCommonConfig({ isDev, isBuild }) {
+function getCommonConfig({ isDev, isBuild, }) {
     const { name: packageName } = require(paths_1.default.appPkg);
     //获取style处理的loader
     const getStyleLoaders = (cssOptions, extraLoader) => {
         isBuild && cssOptions.importLoaders++;
         const loaders = [
-            isBuild ? mini_css_extract_plugin_1.default.loader : "style-loader",
+            isBuild ? mini_css_extract_plugin_1.default.loader : require.resolve("style-loader"),
             {
-                loader: "css-loader",
+                loader: require.resolve("css-loader"),
                 options: Object.assign({ modules: {
                         auto: true,
                         localIdentName: isDev ? "[path][name]__[local]" : "[hash:base64]",
@@ -37,7 +39,7 @@ function getCommonConfig({ isDev, isBuild }) {
              * 默认应该比较新的浏览器了
              */
             isBuild && {
-                loader: "postcss-loader",
+                loader: require.resolve("postcss-loader"),
                 options: {
                     postcssOptions: {
                         plugins: ["postcss-preset-env"],
@@ -76,29 +78,24 @@ function getCommonConfig({ isDev, isBuild }) {
                     test: /\.less$/,
                     use: getStyleLoaders({
                         importLoaders: 1,
-                    }, "less-loader"),
+                    }, require.resolve("less-loader")),
                 },
                 {
                     test: /\.(scss|sass)$/,
                     use: getStyleLoaders({
                         importLoaders: 1,
-                    }, "sass-loader"),
+                    }, require.resolve("sass-loader")),
                 },
                 {
-                    test: /\.svg/,
-                    use: {
-                        loader: "svg-url-loader",
-                        options: {
-                            iesafe: true,
+                    test: /\.(bmp|png|svg|jpg|jpeg|gif)$/i,
+                    type: "asset",
+                    parser: {
+                        dataUrlCondition: {
+                            maxSize: 10 * 1024,
                         },
                     },
-                },
-                {
-                    test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
-                    loader: "url-loader",
-                    options: {
-                        limit: 1024 * 10,
-                        name: "static/media/[name].[hash:8].[ext]",
+                    generator: {
+                        filename: "static/img/[hash][ext][query]",
                     },
                 },
             ].filter(Boolean),
@@ -133,6 +130,7 @@ function getCommonConfig({ isDev, isBuild }) {
                     {
                         from: paths_1.default.publicDir,
                         filter: (resourcePath) => __awaiter(this, void 0, void 0, function* () { return !resourcePath.includes(".html"); }),
+                        noErrorOnMissing: true,
                     },
                 ],
             }),

package/dist/config/webpack.config.d.ts

@@ -1,2 +1,10 @@
-declare const _default: () => any;
+import { Configuration } from "webpack";
+export interface BaseParams {
+    isDev: boolean;
+    isBuild: boolean;
+}
+export interface WebpackCombineFunction {
+    (arg0: Configuration, arg1: BaseParams): Configuration;
+}
+declare const _default: () => Configuration;
 export default _default;

package/dist/config/webpack.config.js

@@ -12,9 +12,6 @@ exports.default = () => {
     const isBuild = process.env.NODE_ENV === "production";
     const isDev = process.env.NODE_ENV === "development";
     const { annotations: { ["sdf.cli:microFramework"]: currentFramework }, } = fs_extra_1.default.readJSONSync(paths_1.default.manifest);
-    const { setAdditionalWebpackConfig } = require(paths_1.default.microConfig);
-    //额外的webpack配置
-    const additionalWebpackConfig = (setAdditionalWebpackConfig === null || setAdditionalWebpackConfig === void 0 ? void 0 : setAdditionalWebpackConfig({ isDev, isBuild })) || {};
     //框架的webpack配置
     const frameworkConfig = (0, framework_1.default)({
         currentFramework,
@@ -23,7 +20,11 @@ exports.default = () => {
     });
     //公用的webpack配置
     const commonConfig = (0, webpack_common_1.default)({ isDev, isBuild });
-    const outpotConfig = (0, webpack_merge_1.merge)(frameworkConfig, commonConfig, additionalWebpackConfig);
-    //最后的配置
-    return outpotConfig;
+    const baseConfig = (0, webpack_merge_1.merge)(frameworkConfig, commonConfig);
+    //额外的webpack结合function
+    const webpackCombineFunction = require(paths_1.default.microConfig).webpack;
+    if (webpackCombineFunction && typeof webpackCombineFunction === "function") {
+        return webpackCombineFunction(baseConfig, { isDev, isBuild });
+    }
+    return baseConfig;
 };

package/dist/framework/index.d.ts

@@ -1,7 +1,12 @@
+import { Configuration } from "webpack";
+import { BaseParams } from "../config/webpack.config";
+export interface Params extends BaseParams {
+    currentFramework: MICRO_FRAMEWORKS_TYPE;
+}
+export interface ParamsWithTs extends Params {
+    isTs: boolean;
+}
 export declare type MICRO_FRAMEWORKS_TYPE = "REACT_TS" | "REACT_JS" | "VUE_TS" | "VUE_JS";
-declare const _default: ({ currentFramework, isDev, isBuild, }: {
-    currentFramework: any;
-    isDev: boolean;
-    isBuild: boolean;
-}) => any;
+export declare type FrameworkFunction = (arg0: Params) => Configuration;
+declare const _default: ({ currentFramework, isDev, isBuild }: Params) => Configuration;
 export default _default;

package/dist/framework/index.js

@@ -8,7 +8,7 @@ const MICRO_FRAMEWORKS = new Map([
     ["VUE_TS", vue_config_1.vueTsConfig],
     ["VUE_JS", vue_config_1.vueJsConfig],
 ]);
-exports.default = ({ currentFramework, isDev, isBuild, }) => {
+exports.default = ({ currentFramework, isDev, isBuild }) => {
     if (!MICRO_FRAMEWORKS.has(currentFramework)) {
         throw new Error("package.json需要配置microFramework字段");
     }

package/dist/framework/react.config.d.ts

@@ -1,99 +1,4 @@
-import ReactRefreshWebpackPlugin from "@pmmmwh/react-refresh-webpack-plugin";
-import TsconfigPathsPlugin from "tsconfig-paths-webpack-plugin";
-import ForkTsCheckerWebpackPlugin from "fork-ts-checker-webpack-plugin";
-declare const reactTsConfig: ({ isDev, isBuild, currentFramework }: {
-    isDev: any;
-    isBuild: any;
-    currentFramework: any;
-}) => {
-    module: {
-        rules: ({
-            test: RegExp;
-            include: string;
-            use: {
-                loader: string;
-                options: {
-                    presets: (string | (string | {
-                        useBuiltIns: string;
-                        corejs: number;
-                    })[] | (string | {
-                        runtime: string;
-                    })[])[];
-                    plugins: string[];
-                };
-            }[];
-            exclude?: undefined;
-        } | {
-            test: RegExp;
-            exclude: string;
-            use: {
-                loader: string;
-            }[];
-            include?: undefined;
-        } | {
-            test: string;
-            include: string;
-            use: {
-                loader: string;
-                options: {
-                    microFramework: any;
-                };
-            }[];
-            exclude?: undefined;
-        })[];
-    };
-    plugins: (ReactRefreshWebpackPlugin | ForkTsCheckerWebpackPlugin)[];
-    entry: string;
-    resolve: {
-        extensions: string[];
-        plugins: TsconfigPathsPlugin[];
-    };
-};
-declare const reactJsConfig: ({ isDev, isBuild, currentFramework }: {
-    isDev: any;
-    isBuild: any;
-    currentFramework: any;
-}) => {
-    module: {
-        rules: ({
-            test: RegExp;
-            include: string;
-            use: {
-                loader: string;
-                options: {
-                    presets: (string | (string | {
-                        useBuiltIns: string;
-                        corejs: number;
-                    })[] | (string | {
-                        runtime: string;
-                    })[])[];
-                    plugins: string[];
-                };
-            }[];
-            exclude?: undefined;
-        } | {
-            test: RegExp;
-            exclude: string;
-            use: {
-                loader: string;
-            }[];
-            include?: undefined;
-        } | {
-            test: string;
-            include: string;
-            use: {
-                loader: string;
-                options: {
-                    microFramework: any;
-                };
-            }[];
-            exclude?: undefined;
-        })[];
-    };
-    plugins: (ReactRefreshWebpackPlugin | ForkTsCheckerWebpackPlugin)[];
-    entry: string;
-    resolve: {
-        extensions: string[];
-    };
-};
+import { FrameworkFunction } from "./index";
+declare const reactTsConfig: FrameworkFunction;
+declare const reactJsConfig: FrameworkFunction;
 export { reactTsConfig, reactJsConfig };

package/dist/framework/react.config.js

@@ -8,7 +8,7 @@ const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-re
 const tsconfig_paths_webpack_plugin_1 = __importDefault(require("tsconfig-paths-webpack-plugin"));
 const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
 const paths_1 = __importDefault(require("../config/paths"));
-const reactConfig = ({ isDev, isBuild, currentFramework, isTs }) => {
+const reactConfig = ({ isDev, isBuild, currentFramework, isTs, }) => {
     return {
         module: {
             rules: [
@@ -17,25 +17,27 @@ const reactConfig = ({ isDev, isBuild, currentFramework, isTs }) => {
                     include: paths_1.default.appSrc,
                     use: [
                         {
-                            loader: "babel-loader",
+                            loader: require.resolve("babel-loader"),
                             options: {
                                 presets: [
                                     [
-                                        "@babel/preset-env",
+                                        require.resolve("@babel/preset-env"),
                                         {
                                             useBuiltIns: "entry",
                                             corejs: 3,
                                         },
                                     ],
                                     [
-                                        "@babel/preset-react",
+                                        require.resolve("@babel/preset-react"),
                                         {
                                             runtime: "automatic",
                                         },
                                     ],
-                                    isTs && "@babel/preset-typescript",
+                                    isTs && require.resolve("@babel/preset-typescript"),
+                                ].filter(Boolean),
+                                plugins: [
+                                    isDev && require.resolve("react-refresh/babel"),
                                 ].filter(Boolean),
-                                plugins: [isDev && "react-refresh/babel"].filter(Boolean),
                             },
                         },
                     ],
@@ -46,7 +48,7 @@ const reactConfig = ({ isDev, isBuild, currentFramework, isTs }) => {
                     exclude: paths_1.default.appSrc,
                     use: [
                         {
-                            loader: "babel-loader",
+                            loader: require.resolve("babel-loader"),
                         },
                     ],
                 },
@@ -55,14 +57,14 @@ const reactConfig = ({ isDev, isBuild, currentFramework, isTs }) => {
                     include: paths_1.default.appSrc,
                     use: [
                         {
-                            loader: "@tuya-sat/micro-dev-loader",
+                            loader: require.resolve("@tuya-sat/micro-dev-loader"),
                             options: {
                                 microFramework: currentFramework,
                             },
                         },
                     ],
                 },
-            ].filter(Boolean),
+            ].filter((value) => Boolean(value)),
         },
         plugins: [
             isDev && new react_refresh_webpack_plugin_1.default(),
@@ -77,15 +79,15 @@ const reactConfig = ({ isDev, isBuild, currentFramework, isTs }) => {
                         mode: "write-references",
                     },
                 }),
-        ].filter(Boolean),
+        ].filter((value) => Boolean(value)),
     };
 };
-const reactTsConfig = ({ isDev, isBuild, currentFramework }) => (Object.assign({ entry: paths_1.default.ReactTsEntryFile, resolve: {
+const reactTsConfig = ({ isDev, isBuild, currentFramework, }) => (Object.assign({ entry: paths_1.default.ReactTsEntryFile, resolve: {
         extensions: [".tsx", ".ts", ".js"],
         plugins: [new tsconfig_paths_webpack_plugin_1.default()],
     } }, reactConfig({ isDev, isBuild, currentFramework, isTs: true })));
 exports.reactTsConfig = reactTsConfig;
-const reactJsConfig = ({ isDev, isBuild, currentFramework }) => (Object.assign({ entry: paths_1.default.ReactJsEntryFile, resolve: {
+const reactJsConfig = ({ isDev, isBuild, currentFramework, }) => (Object.assign({ entry: paths_1.default.ReactJsEntryFile, resolve: {
         extensions: [".jsx", ".js"],
     } }, reactConfig({ isDev, isBuild, currentFramework, isTs: false })));
 exports.reactJsConfig = reactJsConfig;

package/dist/framework/vue.config.d.ts

@@ -1,115 +1,4 @@
-import TsconfigPathsPlugin from "tsconfig-paths-webpack-plugin";
-declare const vueTsConfig: ({ isDev, isBuild, currentFramework }: {
-    isDev: any;
-    isBuild: any;
-    currentFramework: any;
-}) => {
-    module: {
-        rules: ({
-            test: RegExp;
-            include: string;
-            use: {
-                loader: string;
-                options: {
-                    presets: (string | {
-                        useBuiltIns: string;
-                        corejs: number;
-                    })[][];
-                };
-            }[];
-            loader?: undefined;
-            options?: undefined;
-        } | {
-            test: RegExp;
-            include: string;
-            use: {
-                loader: string;
-            }[];
-            loader?: undefined;
-            options?: undefined;
-        } | {
-            test: RegExp;
-            include: string;
-            loader: string;
-            options: {
-                appendTsSuffixTo: RegExp[];
-                transpileOnly: boolean;
-            };
-            use?: undefined;
-        } | {
-            test: string;
-            include: string;
-            use: {
-                loader: string;
-                options: {
-                    microFramework: any;
-                };
-            }[];
-            loader?: undefined;
-            options?: undefined;
-        })[];
-    };
-    plugins: any[];
-    entry: string;
-    resolve: {
-        extensions: string[];
-        plugins: TsconfigPathsPlugin[];
-    };
-};
-declare const vueJsConfig: ({ isDev, isBuild, currentFramework }: {
-    isDev: any;
-    isBuild: any;
-    currentFramework: any;
-}) => {
-    module: {
-        rules: ({
-            test: RegExp;
-            include: string;
-            use: {
-                loader: string;
-                options: {
-                    presets: (string | {
-                        useBuiltIns: string;
-                        corejs: number;
-                    })[][];
-                };
-            }[];
-            loader?: undefined;
-            options?: undefined;
-        } | {
-            test: RegExp;
-            include: string;
-            use: {
-                loader: string;
-            }[];
-            loader?: undefined;
-            options?: undefined;
-        } | {
-            test: RegExp;
-            include: string;
-            loader: string;
-            options: {
-                appendTsSuffixTo: RegExp[];
-                transpileOnly: boolean;
-            };
-            use?: undefined;
-        } | {
-            test: string;
-            include: string;
-            use: {
-                loader: string;
-                options: {
-                    microFramework: any;
-                };
-            }[];
-            loader?: undefined;
-            options?: undefined;
-        })[];
-    };
-    plugins: any[];
-    entry: string;
-    resolve: {
-        extensions: string[];
-    };
-};
+import { FrameworkFunction } from "./index";
+declare const vueTsConfig: FrameworkFunction;
+declare const vueJsConfig: FrameworkFunction;
 export { vueTsConfig, vueJsConfig };

package/dist/framework/vue.config.js

@@ -7,7 +7,7 @@ exports.vueJsConfig = exports.vueTsConfig = void 0;
 const paths_js_1 = __importDefault(require("../config/paths.js"));
 const tsconfig_paths_webpack_plugin_1 = __importDefault(require("tsconfig-paths-webpack-plugin"));
 const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
-const vueConfig = ({ isDev, isBuild, currentFramework, isTs }) => {
+const vueConfig = ({ isDev, isBuild, currentFramework, isTs, }) => {
     /**
      * 运行时引入以避免vue-loader检查
      */
@@ -16,21 +16,27 @@ const vueConfig = ({ isDev, isBuild, currentFramework, isTs }) => {
         module: {
             rules: [
                 {
-                    test: /\.js$/,
+                    test: /\.(js|ts)$/,
                     include: paths_js_1.default.appSrc,
                     use: [
                         {
-                            loader: "babel-loader",
+                            loader: require.resolve("babel-loader"),
                             options: {
                                 presets: [
                                     [
-                                        "@babel/preset-env",
+                                        require.resolve("@babel/preset-env"),
                                         {
                                             useBuiltIns: "entry",
                                             corejs: 3,
                                         },
                                     ],
-                                ],
+                                    isTs && [
+                                        require.resolve("@babel/preset-typescript"),
+                                        {
+                                            allExtensions: true,
+                                        },
+                                    ],
+                                ].filter(Boolean),
                             },
                         },
                     ],
@@ -40,29 +46,23 @@ const vueConfig = ({ isDev, isBuild, currentFramework, isTs }) => {
                     include: paths_js_1.default.appSrc,
                     use: [
                         {
-                            loader: "vue-loader",
+                            loader: require.resolve("vue-loader"),
                         },
                     ],
                 },
-                isTs && {
-                    test: /\.ts$/,
-                    include: paths_js_1.default.appSrc,
-                    loader: "ts-loader",
-                    options: { appendTsSuffixTo: [/\.vue$/], transpileOnly: true },
-                },
                 isDev && {
                     test: isTs ? paths_js_1.default.vueTsEntryFile : paths_js_1.default.vueJsEntryFile,
                     include: paths_js_1.default.appSrc,
                     use: [
                         {
-                            loader: "@tuya-sat/micro-dev-loader",
+                            loader: require.resolve("@tuya-sat/micro-dev-loader"),
                             options: {
                                 microFramework: currentFramework,
                             },
                         },
                     ],
                 },
-            ].filter(Boolean),
+            ].filter((value) => Boolean(value)),
         },
         plugins: [
             new VueLoaderPlugin(),
@@ -70,12 +70,12 @@ const vueConfig = ({ isDev, isBuild, currentFramework, isTs }) => {
         ].filter(Boolean),
     };
 };
-const vueTsConfig = ({ isDev, isBuild, currentFramework }) => (Object.assign({ entry: paths_js_1.default.vueTsEntryFile, resolve: {
+const vueTsConfig = ({ isDev, isBuild, currentFramework, }) => (Object.assign({ entry: paths_js_1.default.vueTsEntryFile, resolve: {
         extensions: [".vue", ".ts", ".js"],
         plugins: [new tsconfig_paths_webpack_plugin_1.default()],
     } }, vueConfig({ isDev, isBuild, currentFramework, isTs: true })));
 exports.vueTsConfig = vueTsConfig;
-const vueJsConfig = ({ isDev, isBuild, currentFramework }) => (Object.assign({ entry: paths_js_1.default.vueJsEntryFile, resolve: {
+const vueJsConfig = ({ isDev, isBuild, currentFramework, }) => (Object.assign({ entry: paths_js_1.default.vueJsEntryFile, resolve: {
         extensions: [".vue", ".js"],
     } }, vueConfig({ isDev, isBuild, currentFramework, isTs: false })));
 exports.vueJsConfig = vueJsConfig;

package/dist/module/mock.d.ts

@@ -1 +1,2 @@
-export default function useMocks(app: any): void;
+import Server from "webpack-dev-server";
+export default function useMocks(app: Server["app"]): void;

package/dist/scripts/build.js

@@ -3,12 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-process.env.NODE_ENV = "production";
 const webpack_1 = __importDefault(require("webpack"));
 const chalk_1 = __importDefault(require("chalk"));
 const ora_1 = __importDefault(require("ora"));
 const webpack_config_1 = __importDefault(require("../config/webpack.config"));
-const THROW_ERR_INFO = "只是为了阻断进程，忽略这行报错，往上看";
 const BUILD_FAIL_TIP = "糟糕：打包失败了，下面是具体信息";
 const spinner = (0, ora_1.default)("building").start();
 const config = (0, webpack_config_1.default)();
@@ -17,14 +15,14 @@ const config = (0, webpack_config_1.default)();
         spinner.fail();
         console.log(chalk_1.default.red(BUILD_FAIL_TIP));
         console.log(err.stack || err);
-        return;
+        process.exit(1);
     }
     const { version, assets, warnings, errors } = stats.toJson();
     if (stats.hasErrors()) {
         spinner.fail();
         console.log(chalk_1.default.red(BUILD_FAIL_TIP));
         console.log(errors);
-        return;
+        process.exit(1);
     }
     spinner.succeed();
     if (stats.hasWarnings()) {

package/dist/scripts/start.js

@@ -12,7 +12,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-process.env.NODE_ENV = "development";
 const webpack_1 = __importDefault(require("webpack"));
 const webpack_dev_server_1 = __importDefault(require("webpack-dev-server"));
 const ora_1 = __importDefault(require("ora"));
@@ -21,7 +20,6 @@ const micro_dev_loader_1 = require("@tuya-sat/micro-dev-loader");
 const paths_1 = __importDefault(require("../config/paths"));
 const webpack_config_1 = __importDefault(require("../config/webpack.config"));
 const mock_1 = __importDefault(require("../module/mock"));
-const isProxy = process.env.MICRO_DEBUGGER === "true";
 const config = Object.assign(Object.assign({}, (0, webpack_config_1.default)()), { 
     //下面所有配置都是为了精简terminal输出
     infrastructureLogging: {
@@ -47,14 +45,15 @@ new micro_dev_loader_1.LayoutMockPlugin().apply(compiler);
             "Access-Control-Allow-Origin": "*",
             "Access-Control-Allow-Headers": "*",
         },
-        onBeforeSetupMiddleware({ app }) {
+        setupMiddlewares(middlewares, { app }) {
             micro_dev_loader_1.LayoutMockPlugin.useLayoutStatic(app);
             (0, mock_1.default)(app);
-            if (isProxy) {
+            if (process.env.MICRO_DEBUGGER === "true") {
                 const createProxy = require("@tuya-sat/micro-dev-proxy").default;
                 const { debuggerConfig } = require(paths_1.default.microConfig);
                 createProxy(debuggerConfig)(app);
             }
+            return middlewares;
         },
     }, compiler);
     compiler.hooks.watchRun.tap("MyPlugin", () => {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@tuya-sat/micro-script",
-  "version": "0.0.4",
+  "version": "1.0.0-rc.4",
   "bin": "./dist/bin/cli.js",
   "type": "commonjs",
   "license": "MIT",
   "scripts": {
-    "dev": "tsc --watch",
+    "dev": "rm -rf dist/ && tsc --watch",
     "build": "rm -rf dist/ && tsc",
     "prepublish": "yarn build"
   },
@@ -15,10 +15,11 @@
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.15.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
-    "@tuya-sat/micro-dev-loader": "0.0.4",
-    "@tuya-sat/micro-dev-proxy": "0.0.4",
+    "@tuya-sat/micro-dev-loader": "1.0.0-rc.4",
+    "@tuya-sat/micro-dev-proxy": "1.0.0-rc.4",
     "babel-loader": "^8.2.2",
     "babel-plugin-import": "^1.13.3",
+    "chalk": "4.1.2",
     "copy-webpack-plugin": "^9.0.1",
     "css-loader": "^6.4.0",
     "css-minimizer-webpack-plugin": "^3.2.0",
@@ -30,6 +31,7 @@
     "ora": "5.4.1",
     "path-to-regexp": "^6.2.0",
     "portfinder": "^1.0.28",
+    "postcss": "^8.4.5",
     "postcss-loader": "^6.1.1",
     "postcss-preset-env": "^6.7.0",
     "react-refresh": "^0.10.0",
@@ -38,7 +40,6 @@
     "sass-loader": "^12.1.0",
     "style-loader": "^3.3.0",
     "svg-url-loader": "^7.1.1",
-    "ts-loader": "^9.2.6",
     "tsconfig-paths-webpack-plugin": "^3.5.1",
     "url-loader": "^4.1.1",
     "vue-loader": "16.8.2",
@@ -57,5 +58,6 @@
     "saas",
     "cloud",
     "tuya"
-  ]
+  ],
+  "stableVersion": "0.0.4"
 }