Allow customising the Vite config

waspc/data/Generator/templates/react-app/tsconfig.node.json

@@ -6,5 +6,5 @@
     "moduleResolution": "bundler",
     "allowSyntheticDefaultImports": true
   },
-  "include": ["vite.config.ts"]
+  "include": ["vite.config.ts", "./src/ext-src/vite.config.ts"]
 }

waspc/data/Generator/templates/react-app/vite.config.ts

@@ -1,21 +1,35 @@
+{{={= =}=}}
 /// <reference types="vitest" />
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
+import { mergeConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
 
-// https://vitejs.dev/config/
-export default defineConfig({
+{=# customViteConfig.isDefined =}
+{=& customViteConfig.importStatement =}
+const _waspUserProvidedConfig = {=& customViteConfig.importIdentifier =}
+{=/ customViteConfig.isDefined =}
+{=^ customViteConfig.isDefined =}
+const _waspUserProvidedConfig = {};
+{=/ customViteConfig.isDefined =}
+
+const defaultViteConfig = {
   plugins: [react()],
   server: {
     port: 3000,
-    host: '0.0.0.0',
+    host: "0.0.0.0",
     open: true,
   },
-  envPrefix: 'REACT_APP_',
+  envPrefix: "REACT_APP_",
   build: {
-    outDir: 'build',
+    outDir: "build",
   },
   test: {
-    environment: 'jsdom',
-    setupFiles: ['./src/test/vitest/setup.ts'],
+    environment: "jsdom",
+    setupFiles: ["./src/test/vitest/setup.ts"],
   },
-})
+};
+
+// https://vitejs.dev/config/
+export default mergeConfig(
+  defaultViteConfig,
+  _waspUserProvidedConfig
+);

waspc/examples/custom-vite-demo/.gitignore

@@ -0,0 +1,11 @@
+/.wasp/
+
+# We ignore env files recognized and used by Wasp.
+.env.server
+.env.client
+
+# To be extra safe, we by default ignore any files with `.env` extension in them.
+# If this is too agressive for you, consider allowing specific files with `!` operator,
+# or modify/delete these two lines.
+*.env
+*.env.*

waspc/examples/custom-vite-demo/.wasproot

@@ -0,0 +1 @@
+File marking the root of Wasp project.

waspc/examples/custom-vite-demo/main.wasp

@@ -0,0 +1,11 @@
+app customViteDemo {
+  wasp: {
+    version: "^0.11.5"
+  },
+  title: "custom-vite-demo"
+}
+
+route RootRoute { path: "/", to: MainPage }
+page MainPage {
+  component: import Main from "@client/MainPage.jsx"
+}

waspc/examples/custom-vite-demo/src/.waspignore

@@ -0,0 +1,3 @@
+# Ignore editor tmp files
+**/*~
+**/#*#