@lovrabet/rabetbase-cli 2.0.2-beta.1

package/templates/projects/sub-app-react-demo/vite.config.ts

@@ -0,0 +1,111 @@
+import { defineConfig, loadEnv } from "vite";
+import { dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+import react from "@vitejs/plugin-react";
+import htmlPlugin from "vite-plugin-index-html";
+import pluginExternal from "vite-plugin-external";
+import Pages from "vite-plugin-pages";
+import pkgJson from "./package.json";
+
+const version = pkgJson.version;
+const appName = pkgJson.name.split("/").pop();
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+// https://vitejs.dev/config/
+export default defineConfig(async ({ mode }) => {
+  const env = loadEnv(mode, __dirname);
+  const isDev = mode === "development";
+  const port = Number(env.PORT) || 5173;
+  const isCdn = !isDev && Boolean(process.env.CDN_DOMAIN);
+  const outDir = isCdn ? `dist/${appName}/${version}` : "dist";
+  const base = isCdn ? `${process.env.CDN_DOMAIN}${outDir}/` : "/";
+
+  // 获取 https 证书配置
+  const httpsConfig = await (
+    await fetch("https://g.yuntooai.com/cert/lovrabet-dev.json")
+  ).json();
+
+  return {
+    base,
+    envDir: __dirname,
+    plugins: [
+      react(),
+      Pages({
+        dirs: "src/pages",
+        extensions: ["tsx"],
+        routeStyle: "remix", // 使用 remix 风格，更好兼容 React Router v6
+        importMode: "sync", // 使用同步导入避免 Suspense 问题
+      }),
+      htmlPlugin({
+        input: "/src/main.tsx", // 使用绝对路径避免嵌套路由问题
+        preserveEntrySignatures: "exports-only",
+      }),
+      pluginExternal({
+        externals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+          antd: "antd",
+          dayjs: "dayjs",
+        },
+      }),
+    ],
+    resolve: {
+      alias: {
+        "@": "/src",
+      },
+    },
+    // 可选配置：提供https自签名证书及跨域访问能力
+    // 因为接口域名为 runtime.lovrabet.com 存在跨域，服务端配置了允许 dev.lovrabet.com 的跨域请求，从而实现本地开发能够正常请求接口
+    // 这些配置不是必须的，你也可以使用 proxy 等任意手段自行处理跨域问题
+    server: isDev
+      ? {
+          port,
+          open: `https://dev.lovrabet.com:${port}`,
+          strictPort: true,
+          host: "0.0.0.0",
+          https: httpsConfig,
+          hmr: {
+            host: "dev.lovrabet.com",
+            port: 5173,
+            protocol: "wss",
+          },
+          headers: {
+            "Access-Control-Allow-Origin": "*",
+            "Access-Control-Allow-Methods":
+              "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+            "Access-Control-Allow-Headers":
+              "X-Requested-With, Content-Type, Authorization",
+          },
+        }
+      : undefined,
+    // preview 模式也使用 https
+    preview: {
+      port: 4173,
+      open: `https://dev.lovrabet.com:4173`,
+      strictPort: true,
+      host: "0.0.0.0",
+      https: httpsConfig,
+      headers: {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods":
+          "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+        "Access-Control-Allow-Headers":
+          "X-Requested-With, Content-Type, Authorization",
+      },
+    },
+    build: {
+      outDir,
+      target: "esnext",
+      rollupOptions: {
+        output: {
+          format: "es" as const,
+          entryFileNames: `assets/[name].js`,
+          assetFileNames: `assets/[name].css`,
+        },
+      },
+    },
+    optimizeDeps: {
+      include: ["react", "react-dom", "antd", "dayjs"],
+    },
+  };
+});