diff --git a/package.json b/package.json
index 6b944f6e..d1ffaadb 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,8 @@
     "build:src:environment": "node scripts/environment",
     "build:themeable": "node scripts/themeable-source",
     "build:pages:vite": "vite build",
-    "build:pages:tsc": "tsc -p pages/tsconfig.json"
+    "build:pages:tsc": "tsc -p pages/tsconfig.json",
+    "build:pages:bundle": "vite build -c vite.config.dev-pages.mjs"
   },
   "exports": {
     ".": "./index.js",
diff --git a/vite.config.dev-pages.mjs b/vite.config.dev-pages.mjs
new file mode 100644
index 00000000..023caaac
--- /dev/null
+++ b/vite.config.dev-pages.mjs
@@ -0,0 +1,26 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react({ fastRefresh: false })],
+  build: {
+    lib: {
+      entry: resolve(__dirname, "pages/main.tsx"),
+      name: "ChartComponentsDevPages",
+      fileName: "main",
+    },
+    outDir: "lib/dev-pages/bundle",
+    rollupOptions: {
+      external: [/(?:\.\.\/)+?lib\/components/, /^@cloudscape-design\//, /^highcharts(^|\/)/, "react"],
+    },
+  },
+});