Generate dev pages bundle

Author: jperals

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": "tsc -p pages/tsconfig.json"
   },
   "exports": {
     ".": "./index.js",

vite.config.dev-pages.mjs

@@ -0,0 +1,32 @@
+// 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: "BoardComponentsDevPages",
+      fileName: "main",
+    },
+    outDir: "lib/dev-pages/bundle",
+    rollupOptions: {
+      external: [
+        resolve(__dirname, "lib/components"),
+        "@cloudscape-design/collection-hooks",
+        "@cloudscape-design/components",
+        "@cloudscape-design/component-toolkit",
+        "@cloudscape-design/design-tokens",
+        "@cloudscape-design/global-styles/index.css",
+      ],
+    },
+  },
+});