chore: 统一各 app 的构建目录

apps/renderer/farm.config.ts

@@ -1,23 +1,35 @@
-import { defineConfig } from "@farmfe/core";
+import { defineConfig, loadEnv } from "@farmfe/core";
 import vue from "@vitejs/plugin-vue";
 import mkcert from "vite-plugin-mkcert";
 import Http2Proxy from "@sy/vite-plugin-http2-proxy";
 import path from "path";
 
-export default defineConfig({
-  server: {
-    // 本地开发时允许跨域访问该项目
-    port: 10010,
-    cors: true,
-  },
-  // @ts-ignore
-  vitePlugins: [vue(), mkcert({ source: "coding" }), Http2Proxy()],
-  compilation: {
-    resolve: {
-      alias: {
-        "@": path.resolve(process.cwd(), "src"),
-        $vtj: path.resolve(process.cwd(), ".vtj"),
+// @ts-ignore
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), ["VITE_"]);
+
+  return {
+    server: {
+      port: env.VITE_PORT,
+      cors: true,
+    },
+    // @ts-ignore
+    vitePlugins: [vue(), mkcert({ source: "coding" }), Http2Proxy()],
+    compilation: {
+      resolve: {
+        alias: {
+          "@": path.resolve(process.cwd(), "src"),
+          $vtj: path.resolve(process.cwd(), ".vtj"),
+        },
+      },
+      define: {
+        // 注入环境变量到客户端
+        "process.env": JSON.stringify(env),
+      },
+      output: {
+        path: path.resolve(process.cwd(), "../../dist/renderer"),
+        clean: true,
       },
     },
-  },
+  };
 });