feat: create dev server for desktop site

packages/vant-cli/src/compiler/compile-site.ts

@@ -1,53 +1,15 @@
-import webpack from 'webpack';
-import WebpackDevServer from 'webpack-dev-server';
-import { get } from 'lodash';
-import { getPortPromise } from 'portfinder';
-import { getSiteDevConfig } from '../config/webpack.site.dev';
-import { getSitePrdConfig } from '../config/webpack.site.prd';
+import { createServer } from 'vite';
+import { getViteConfigForSiteDev } from '../config/vite.site';
+import { genSiteEntry } from './vant-cli-site-plugin';
 
-async function runDevServer(
-  port: number,
-  config: ReturnType<typeof getSiteDevConfig>
-) {
-  const host = get(config.devServer, 'host', 'localhost');
-  const server = new WebpackDevServer(
-    {
-      ...config.devServer,
-      port,
-      host,
-    },
-    webpack(config)
-  );
-
-  await server.start();
-}
-
-async function watch() {
-  const config = getSiteDevConfig();
-  const port = await getPortPromise({
-    port: config.devServer.port,
-  });
-  await runDevServer(port, config);
-}
-
-function build() {
-  return new Promise<void>((resolve, reject) => {
-    const config = getSitePrdConfig();
-
-    webpack(config, (err, stats) => {
-      if (err || (stats && stats.hasErrors())) {
-        reject();
-      } else {
-        resolve();
-      }
-    });
-  });
-}
+async function build() {}
 
 export async function compileSite(production = false) {
+  await genSiteEntry();
   if (production) {
     await build();
   } else {
-    await watch();
+    const server = await createServer(getViteConfigForSiteDev());
+    await server.listen();
   }
 }