refactor: start

 #!/usr/bin/env node
-
+const path = require('path')
 const execSync = require('child_process').execSync;
 
-execSync(`npx cross-env NODE_ENV=development vite --force --config ./config/vite.config.js`, { stdio: 'inherit' });
+execSync(`npx cross-env NODE_ENV=development vite --force --config ${path.resolve(
+  __dirname,
+  "../config/vite.config.js"
+)}`, { stdio: 'inherit' });
+

+const lessVariable = `@qx-prefix: qx;
+//品牌色
+@B1: ~'var(--@{qx-prefix}-brand-1)';
+@B2: ~'var(--@{qx-prefix}-brand-2)'; //背景
+@B3: ~'var(--@{qx-prefix}-brand-3)';
+@B4: ~'var(--@{qx-prefix}-brand-4)';
+@B5: ~'var(--@{qx-prefix}-brand-5)';
+@B6: ~'var(--@{qx-prefix}-brand-6)';
+@B7: ~'var(--@{qx-prefix}-brand-7)'; //hover
+@B8: ~'var(--@{qx-prefix}-brand-8)'; //主题色
+@B9: ~'var(--@{qx-prefix}-brand-9)'; //active
+@B10: ~'var(--@{qx-prefix}-brand-10)';
+
+@body-bg: ~'var(--@{qx-prefix}-body-bg)';
+
+//中性色
+@neutral-color: #242835;
+@N1: overlay(rgba(255, 255, 255, 0.98), @neutral-color); //背景色
+@N2: overlay(rgba(255, 255, 255, 0.97), @neutral-color); //背景色
+@N3: overlay(rgba(255, 255, 255, 0.95), @neutral-color); //边框、线色
+@N4: overlay(rgba(255, 255, 255, 0.9), @neutral-color); //边框、线色
+@N5: overlay(rgba(255, 255, 255, 0.8), @neutral-color); //辅助，置灰信息
+@N6: overlay(rgba(255, 255, 255, 0.6), @neutral-color); //置灰信息
+@N7: overlay(rgba(255, 255, 255, 0.4), @neutral-color); //辅助信息
+@N8: overlay(rgba(255, 255, 255, 0.2), @neutral-color); //正文二级，次强调
+@N9: @neutral-color; //正文，强调
+
+@success-color: #00a870;
+@S1: overlay(rgba(255, 255, 255, 0.8), @success-color);
+@S2: overlay(rgba(255, 255, 255, 0.2), @success-color);
+@S3: @success-color;
+
+@E3: #e34d59;
+@E2: overlay(rgba(255, 255, 255, 0.2), @E3);
+@E1: overlay(rgba(255, 255, 255, 0.8), @E3);
+
+@W3: #ed7b2f;
+@W2: overlay(rgba(255, 255, 255, 0.2), @W3);
+@W1: overlay(rgba(255, 255, 255, 0.8), @W3);`
+
+module.exports = lessVariable

@@ -2,11 +2,12 @@ const { defineConfig } = require('vite');
 const process = require('process');
 import { viteExternalsPlugin } from 'vite-plugin-externals';
 const path = require('path');
-const { cwd } = require('process');
+const lessVariable = require('./lessVariable')
+const cwd = process.cwd()
 
 module.exports = defineConfig({
   server: {
-    proxy: path.resolve(cwd(), './proxy'),
+    proxy: path.resolve(cwd, './proxy'),
   },
   define: {
     // By default, Vite doesn't include shims for NodeJS/
@@ -26,16 +27,16 @@ module.exports = defineConfig({
     preprocessorOptions: {
       less: {
         javascriptEnabled: true,
-        additionalData: `@import '@/styles/variable.less';`,
+        additionalData: `${lessVariable}`,
       },
     },
   },
   plugins: [
     new viteExternalsPlugin({
-      react: 'React',
-      'react-dom': 'ReactDOM',
-      dayjs: 'dayjs',
-      antd: 'antd',
+      // react: 'React',
+      // 'react-dom': 'ReactDOM',
+      // dayjs: 'dayjs',
+      // antd: 'antd',
     }),
   ],
 });

@@ -5,49 +5,10 @@ const HtmlWebpackPlugin = require("html-webpack-plugin");
 const WebpackBar = require("webpackbar");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
+const lessVariable = require('./lessVariable')
 
 const cwd = process.cwd();
 
-const lessVariable = `@qx-prefix: qx;
-//品牌色
-@B1: ~'var(--@{qx-prefix}-brand-1)';
-@B2: ~'var(--@{qx-prefix}-brand-2)'; //背景
-@B3: ~'var(--@{qx-prefix}-brand-3)';
-@B4: ~'var(--@{qx-prefix}-brand-4)';
-@B5: ~'var(--@{qx-prefix}-brand-5)';
-@B6: ~'var(--@{qx-prefix}-brand-6)';
-@B7: ~'var(--@{qx-prefix}-brand-7)'; //hover
-@B8: ~'var(--@{qx-prefix}-brand-8)'; //主题色
-@B9: ~'var(--@{qx-prefix}-brand-9)'; //active
-@B10: ~'var(--@{qx-prefix}-brand-10)';
-
-@body-bg: ~'var(--@{qx-prefix}-body-bg)';
-
-//中性色
-@neutral-color: #242835;
-@N1: overlay(rgba(255, 255, 255, 0.98), @neutral-color); //背景色
-@N2: overlay(rgba(255, 255, 255, 0.97), @neutral-color); //背景色
-@N3: overlay(rgba(255, 255, 255, 0.95), @neutral-color); //边框、线色
-@N4: overlay(rgba(255, 255, 255, 0.9), @neutral-color); //边框、线色
-@N5: overlay(rgba(255, 255, 255, 0.8), @neutral-color); //辅助，置灰信息
-@N6: overlay(rgba(255, 255, 255, 0.6), @neutral-color); //置灰信息
-@N7: overlay(rgba(255, 255, 255, 0.4), @neutral-color); //辅助信息
-@N8: overlay(rgba(255, 255, 255, 0.2), @neutral-color); //正文二级，次强调
-@N9: @neutral-color; //正文，强调
-
-@success-color: #00a870;
-@S1: overlay(rgba(255, 255, 255, 0.8), @success-color);
-@S2: overlay(rgba(255, 255, 255, 0.2), @success-color);
-@S3: @success-color;
-
-@E3: #e34d59;
-@E2: overlay(rgba(255, 255, 255, 0.2), @E3);
-@E1: overlay(rgba(255, 255, 255, 0.8), @E3);
-
-@W3: #ed7b2f;
-@W2: overlay(rgba(255, 255, 255, 0.2), @W3);
-@W1: overlay(rgba(255, 255, 255, 0.8), @W3);`
-
 module.exports = {
   output: {
     filename: './js/[name]-[contenthash].js',

 {
   "name": "@qx/cli",
-  "version": "3.0.0-alpha.19",
+  "version": "3.0.0-alpha.24",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@qx/cli",
-      "version": "3.0.0-alpha.19",
+      "version": "3.0.0-alpha.24",
       "license": "ISC",
       "dependencies": {
         "@babel/preset-env": "^7.23.3",
@@ -38,6 +38,9 @@
       },
       "bin": {
         "qx-cli": "bin/index.js"
+      },
+      "devDependencies": {
+        "vite-plugin-externals": "^0.6.2"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -3704,6 +3707,12 @@
         "errno": "cli.js"
       }
     },
+    "node_modules/es-module-lexer": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/es-module-lexer/-/es-module-lexer-0.4.1.tgz",
+      "integrity": "sha512-ooYciCUtfw6/d2w56UVeqHPcoCFAiJdz5XOkYpv/Txl1HMUozpXjz/2RIQgqwKdXNDPSF1W7mJCFse3G+HDyAA==",
+      "dev": true
+    },
     "node_modules/esbuild": {
       "version": "0.18.20",
       "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.18.20.tgz",
@@ -4061,6 +4070,20 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
@@ -4662,6 +4685,18 @@
         "node": ">=6"
       }
     },
+    "node_modules/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmmirror.com/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "dev": true,
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
     "node_modules/kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmmirror.com/kind-of/-/kind-of-6.0.3.tgz",
@@ -4795,6 +4830,15 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dev": true,
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
     "node_modules/make-dir": {
       "version": "2.1.0",
       "resolved": "https://registry.npmmirror.com/make-dir/-/make-dir-2.1.0.tgz",
@@ -6366,6 +6410,13 @@
         "source-map": "^0.6.0"
       }
     },
+    "node_modules/sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmmirror.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "deprecated": "Please use @jridgewell/sourcemap-codec instead",
+      "dev": true
+    },
     "node_modules/std-env": {
       "version": "3.4.3",
       "resolved": "https://registry.npmmirror.com/std-env/-/std-env-3.4.3.tgz",
@@ -6750,6 +6801,15 @@
         "node": ">=4"
       }
     },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.0.13",
       "resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
@@ -6910,6 +6970,24 @@
         }
       }
     },
+    "node_modules/vite-plugin-externals": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmmirror.com/vite-plugin-externals/-/vite-plugin-externals-0.6.2.tgz",
+      "integrity": "sha512-R5oVY8xDJjLXLTs2XDYzvYbc/RTZuIwOx2xcFbYf+/VXB6eJuatDgt8jzQ7kZ+IrgwQhe6tU8U2fTyy72C25CQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.4.0",
+        "es-module-lexer": "^0.4.1",
+        "fs-extra": "^10.0.0",
+        "magic-string": "^0.25.7"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": ">=2.0.0"
+      }
+    },
     "node_modules/vm-browserify": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/vm-browserify/-/vm-browserify-1.1.2.tgz",

@@ -35,10 +35,11 @@
     "style-loader": "^3.3.3",
     "thread-loader": "^4.0.2",
     "url-loader": "^4.1.1",
-    "vite": "^4.5.0",
+    "vite": "^4.4.9",
     "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4",
     "webpack-merge": "^5.10.0",
-    "webpackbar": "^5.0.2"
+    "webpackbar": "^5.0.2",
+    "vite-plugin-externals": "^0.6.2"
   }
 }