diff --git a/sdk-vite.config.js b/sdk-vite.config.js
new file mode 100644
index 00000000..87eea633
--- /dev/null
+++ b/sdk-vite.config.js
@@ -0,0 +1,88 @@
+const cssvariables = require("postcss-css-variables");
+const autoprefixer = require("autoprefixer");
+const flexbugsFixes = require("postcss-flexbugs-fixes");
+
+const fs = require("fs");
+const path = require("path");
+
+const injectWebManifest = require("./scripts/build-plugins/manifest");
+const injectServiceWorker = require("./scripts/build-plugins/service-worker");
+// const legacyBuild = require("./scripts/build-plugins/legacy-build");
+
+// we could also just import {version} from "../../package.json" where needed,
+// but this won't work in the service worker yet as it is not transformed yet
+// TODO: we should emit a chunk early on and then transform the asset again once we know all the other assets to cache
+const version = JSON.parse(fs.readFileSync(path.join(__dirname, "package.json"), "utf8")).version;
+const {defineConfig} = require("vite");
+
+const srcDir = path.join(__dirname, "src/");
+const modulesDir = path.join(srcDir, "node_modules/");
+const mocksDir = path.join(srcDir, "mocks/");
+const fixturesDir = path.join(srcDir, "fixtures/");
+
+export default {
+    public: false,
+    root: "src/",
+    server: {
+        hmr: false
+    },
+    resolve: {
+        alias: {
+            // these should only be imported by the base-x package in any runtime code
+            // and works in the browser with a Uint8Array shim,
+            // rather than including a ton of polyfill code
+            "safe-buffer": "./scripts/package-overrides/safe-buffer/index.js",
+            "buffer": "./scripts/package-overrides/buffer/index.js",
+        }
+    },
+    build: {
+        outDir: "../target",
+        lib: {
+            entry: "lib.ts",
+            name: "hydrogen",
+            formats: ["cjs", "es"]
+        },
+        emptyOutDir: true,
+        sourcemap: false,
+        assetsInlineLimit: 0,
+        polyfillModulePreload: false,
+        rollupOptions: {
+            external: id => id.startsWith(modulesDir) || id.startsWith(mocksDir) || id.startsWith(fixturesDir),
+            output: {
+                manualChunks: (id) => {
+                    if (id.startsWith(srcDir)) {
+                        const idPath = id.substring(srcDir.length);
+                        const pathWithoutExt = idPath.substring(0, idPath.lastIndexOf("."));
+                        return pathWithoutExt;
+                    } else {
+                        console.log("putting", id.substring(srcDir.length), "in index");
+                        return "index";
+                    }
+                },
+                chunkFileNames: `[format]/[name].js`,
+            }
+        }
+    },
+    define: {
+        "HYDROGEN_VERSION": JSON.stringify(version)
+    },
+    css: {
+        postcss: {
+            plugins: [
+                cssvariables({
+                    preserve: (declaration) => {
+                        return declaration.value.indexOf("var(--ios-") == 0;
+                    }
+                }),
+                // the grid option creates some source fragment that causes the vite warning reporter to crash because
+                // it wants to log a warning on a line that does not exist in the source fragment.
+                // autoprefixer({overrideBrowserslist: ["IE 11"], grid: "no-autoplace"}),
+                flexbugsFixes()
+            ]
+        }
+    }
+};
+
+function scriptTagPath(htmlFile, index) {
+    return `${htmlFile}?html-proxy&index=${index}.js`;
+}