perf: vite preview

build/script/preview.ts

-import chalk from 'chalk';
-import Koa from 'koa';
-// import inquirer from 'inquirer';
-import staticServer from 'koa-static';
-import portfinder from 'portfinder';
-import { resolve } from 'path';
-import { getIPAddress } from '../utils';
-
-// start server
-const startApp = () => {
-  const port = 9680;
-  portfinder.basePort = port;
-  const app = new Koa();
-
-  app.use(staticServer(resolve(process.cwd(), 'dist')));
-
-  portfinder.getPort(async (err, port) => {
-    if (err) {
-      throw err;
-    } else {
-      app.listen(port, function () {
-        const empty = '    ';
-        const common = `The preview program is already running:
-    - LOCAL: http://localhost:${port}/
-    - NETWORK: http://${getIPAddress()}:${port}/
-    `;
-        console.log(chalk.cyan('\n' + empty + common));
-      });
-    }
-  });
-};
-
-startApp();

build/utils.ts

 import fs from 'fs';
 import path from 'path';
-import { networkInterfaces } from 'os';
 import dotenv from 'dotenv';
 import chalk from 'chalk';
 // import execa from 'execa';
@@ -11,25 +10,6 @@ export const isFunction = (arg: unknown): arg is (...args: any[]) => any =>
 export const isRegExp = (arg: unknown): arg is RegExp =>
   Object.prototype.toString.call(arg) === '[object RegExp]';
 
-/**
- * get client ip address
- */
-export function getIPAddress() {
-  let interfaces = networkInterfaces();
-  for (let devName in interfaces) {
-    let iFace = interfaces[devName];
-    if (!iFace) return;
-    for (let i = 0; i < iFace.length; i++) {
-      let alias = iFace[i];
-      if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
-        return alias.address;
-      }
-    }
-  }
-
-  return '';
-}
-
 export function isDevFn(mode: string): boolean {
   return mode === 'development';
 }

package.json

@@ -8,8 +8,8 @@
     "build": "cross-env NODE_ENV=production  vite build && esno ./build/script/postBuild.ts",
     "build:no-cache": "yarn clean:cache && npm run build",
     "report": "cross-env REPORT=true npm run build ",
-    "preview": "npm run build && esno ./build/script/preview.ts",
-    "preview:dist": "esno ./build/script/preview.ts",
+    "preview": "npm run build && vite preview",
+    "preview:dist": "vite preview",
     "log": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
     "clean:cache": "rimraf node_modules/.cache/ && rimraf node_modules/.vite",
     "clean:lib": "npx rimraf node_modules",
@@ -21,8 +21,8 @@
   },
   "dependencies": {
     "@iconify/iconify": "^2.0.0-rc.6",
-    "@vueuse/core": "^4.0.8",
-    "ant-design-vue": "^2.0.0-rc.8",
+    "@vueuse/core": "^4.0.10",
+    "ant-design-vue": "^2.0.0-rc.9",
     "apexcharts": "^3.23.1",
     "axios": "^0.21.1",
     "crypto-es": "^1.2.6",
@@ -64,7 +64,7 @@
     "@typescript-eslint/eslint-plugin": "^4.14.0",
     "@typescript-eslint/parser": "^4.14.0",
     "@vitejs/plugin-legacy": "^1.2.1",
-    "@vitejs/plugin-vue": "^1.1.1",
+    "@vitejs/plugin-vue": "^1.1.2",
     "@vitejs/plugin-vue-jsx": "^1.0.2",
     "@vue/compiler-sfc": "^3.0.5",
     "@vuedx/typecheck": "^0.6.0",
@@ -81,11 +81,8 @@
     "esno": "^0.4.0",
     "fs-extra": "^9.1.0",
     "husky": "^4.3.8",
-    "koa": "^2.13.1",
-    "koa-static": "^5.0.0",
     "less": "^4.1.0",
     "lint-staged": "^10.5.3",
-    "portfinder": "^1.0.28",
     "postcss": "^8.2.4",
     "postcss-import": "^14.0.0",
     "prettier": "^2.2.1",
@@ -98,11 +95,11 @@
     "stylelint-order": "^4.1.0",
     "ts-node": "^9.1.1",
     "typescript": "^4.1.3",
-    "vite": "2.0.0-beta.44",
+    "vite": "2.0.0-beta.46",
     "vite-plugin-html": "^2.0.0-beta.6",
     "vite-plugin-mock": "^2.0.0-rc.2",
     "vite-plugin-purge-icons": "^0.5.2",
-    "vite-plugin-pwa": "^0.3.9",
+    "vite-plugin-pwa": "^0.3.10",
     "vite-plugin-style-import": "^0.4.6",
     "vue-eslint-parser": "^7.4.1",
     "yargs": "^16.2.0"