Build example app with Vite

smikhalevski · Sep 5, 2024 · b3be232 · b3be232
1 parent 1776762
commit b3be232
Show file tree

Hide file tree

Showing 7 changed files with 171 additions and 69 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/tsconfig.json b/tsconfig.json
@@ -5,7 +5,7 @@
     "esModuleInterop": true,
     "isolatedModules": true,
     "strict": true,
-    "target": "ES6",
+    "target": "ES5",
     "module": "ESNext",
     "lib": [
       "DOM",

diff --git a/web/example/esbuild.config.mjs b/web/example/esbuild.config.mjs
diff --git a/web/example/jointly.config.json b/web/example/jointly.config.json
@@ -1,11 +1,6 @@
 [
   {
-    "label": "esbuild",
-    "command": "node",
-    "args": [
-      "esbuild.config.mjs",
-      "--watch"
-    ]
+    "command": "vite"
   },
   {
     "command": "tsc",

diff --git a/web/example/package.json b/web/example/package.json
@@ -3,17 +3,17 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "tsc && node esbuild.config.mjs",
-    "watch": "jointly",
+    "build": "tsc && vite build",
+    "start": "jointly",
     "clean": "rimraf dist"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "esbuild": "^0.21.5",
     "jointly": "^0.0.2",
     "tslib": "^2.6.3",
-    "typescript": "^5.4.5"
+    "typescript": "^5.4.5",
+    "vite": "^5.4.3"
   },
   "dependencies": {
     "@racehorse/react": "^1.2.1",

diff --git a/web/example/src/index.html b/web/example/src/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Racehorse</title>
+</head>
+<body>
+<script src="./index.tsx" type="module"></script>
+</body>
+</html>
diff --git a/web/example/vite.config.mjs b/web/example/vite.config.mjs
@@ -0,0 +1,38 @@
+import { defineConfig } from 'vite';
+import { execSync } from 'child_process';
+import path from 'path';
+
+const outputPath = path.resolve('dist');
+const archivePath = path.join(outputPath, 'bundle.zip');
+
+export default defineConfig({
+  root: './src',
+  build: {
+    minify: true,
+    assetsDir: '.',
+    outDir: outputPath,
+    emptyOutDir: false,
+    modulePreload: {
+      polyfill: false,
+    },
+  },
+  resolve: {
+    preserveSymlinks: true,
+  },
+  server: {
+    port: 10001,
+    host: '127.0.0.1',
+    hmr: {
+      host: '10.0.2.2',
+      port: 10001,
+      protocol: 'ws',
+    },
+  },
+  plugins: [
+    {
+      closeBundle() {
+        execSync(`zip -FSr ${archivePath} .`, { cwd: outputPath });
+      },
+    },
+  ],
+});