capibarismo/vite.config.ts at main · crafter-station/capibarismo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
import { defineConfig, loadEnv } from "vite";
import react from "@vitejs/plugin-react-swc";
import path from "path";

export default defineConfig(({ mode }) => {
  // Load env file based on `mode` in the current working directory.
  const env = loadEnv(mode, process.cwd(), '');

  return {
    base: "/",
    server: {
      host: true,
      ...(env.USE_PROD_API === 'true' && {
        proxy: {
          '/api': {
            target: 'https://capibarismo.com',
            changeOrigin: true,
            secure: false,
          },
        },
      }),
    },
    plugins: [react()],
    resolve: {
      alias: {
        "@": path.resolve(__dirname, "./src"),
      },
    },
    build: {
      sourcemap: mode === "development",
      rollupOptions: {
        output: {
          manualChunks: {
            "vendor-ui": [
              "@radix-ui/react-accordion",
              "@radix-ui/react-dialog",
              "@radix-ui/react-dropdown-menu",
            ],
            "vendor-icons": ["react-icons", "lucide-react"],
            "vendor-animation": ["framer-motion"],
            "vendor-query": ["@tanstack/react-query"],
            "vendor-router": ["react-router-dom"],
            "political-compass": [
              "src/components/political-compass/PoliticalCompass.tsx",
            ],
          },
          chunkFileNames: "assets/[name]-[hash].js",
          entryFileNames: "assets/[name]-[hash].js",
          assetFileNames: "assets/[name]-[hash].[ext]",
        },
      },
      chunkSizeWarningLimit: 1000,
    },
  };
});