browsersync

esbuild.config.js

@@ -59,6 +59,18 @@ const options = {
     target: ["es2020", "chrome61", "firefox60", "safari11", "edge18"],
 }
 
+const bsMiddleware = []
+const { createProxyMiddleware } = require("http-proxy-middleware")
+
+const apiBase = process.env.API_BASE || "https://login.wmbasic.de"
+
+bsMiddleware.push(
+    createProxyMiddleware("/api", {
+        target: apiBase,
+        changeOrigin: true,
+    })
+)
+
 module.exports = {
     sveltePlugin: sveltePlugin,
     resolvePlugin: resolvePlugin,
@@ -71,4 +83,19 @@ module.exports = {
             console.log(args)
         },
     },
+    browserSync: {
+        server: {
+            baseDir: distDir,
+            middleware: [
+                require("morgan")("dev"),
+                ...bsMiddleware,
+                require("connect-history-api-fallback")({
+                    index: "/spa.html",
+                    // verbose: true,
+                }),
+            ],
+        },
+        open: false,
+        // logLevel: "debug",
+    },
 }