🔨 [#724] Replace CRA with Vite for 'npm start'

open-formulieren · Jan 6, 2025 · 1f2f4f3 · 1f2f4f3
1 parent 212263a
commit 1f2f4f3
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 28 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="nl" class="openforms-theme">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="SDK development entrypoint" />
+    <title>Open Forms SDK - dev</title>
+  </head>
+  <body class="utrecht-document">
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.jsx"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -67,7 +67,7 @@
     "react-dom": "^18.0.0"
   },
   "scripts": {
-    "start": "npm run build:design-tokens && node scripts/start.js",
+    "start": "npm run build:design-tokens && vite",
     "build": "node scripts/build.js && npm run build:esm",
     "build:esm": "rimraf dist/esm && NODE_ENV=production babel --no-babelrc --config-file ./.babelrc.esm-build --ignore 'src/**/*.spec.js','src/**/fixtures/**','src/setupTests.js','src/reportWebVitals.js' src --out-dir dist/esm",
     "build:vite": "BUILD_TARGET=umd vite build && BUILD_TARGET=esm vite build",

diff --git a/public/index.html b/public/index.html
diff --git a/vite.config.mts b/vite.config.mts
@@ -69,6 +69,9 @@ const umdOutput = {
 export default defineConfig({
   base: './',
   publicDir: false,
+  server: {
+    port: 3000,
+  },
   plugins: [
     // BIG DISCLAIMER - Vite only processes files with the .jsx or .tsx extension with
     // babel, and changing this configuration is... cumbersome and comes with a performance