Include dev pages in artifacts

Author: jperals

package.json

@@ -36,7 +36,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:lib": "vite build -c vite.config.pages.mjs"
   },
   "exports": {
     ".": "./index.js",

vite.config.pages.mjs

@@ -0,0 +1,29 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { fileURLToPath } from "node:url";
+
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+const componentsPath = fileURLToPath(new URL("lib/components", import.meta.url));
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react({ fastRefresh: false })],
+  root: "./pages",
+  base: "./",
+  resolve: {
+    alias: {
+      lodash: "lodash-es",
+    },
+  },
+  build: {
+    outDir: "../lib/dev-pages/pages",
+    rollupOptions: {
+      external: [componentsPath],
+      output: {
+        globals: { componentsPath: "components" },
+      },
+    },
+  },
+});