Fine tune config

Author: jperals

vite.config.pages.mjs

@@ -5,12 +5,20 @@ 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));
+const componentsPath = fileURLToPath(new URL("../lib/components", import.meta.url));
+const globalPackages = {
+  "@cloudscape-design/components": "components",
+  "@cloudscape-design/global-styles": "global-styles",
+  "@cloudscape-design/collection-hooks": "collection-hooks",
+  "@cloudscape-design/component-toolkit": "component-toolkit",
+  "@cloudscape-design/design-tokens": "design-tokens",
+  "@cloudscape-design/theming-runtime": "theming-runtime",
+};
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react({ fastRefresh: false })],
-  root: "./pages",
+  root: "./",
   base: "./",
   resolve: {
     alias: {
@@ -20,9 +28,10 @@ export default defineConfig({
   build: {
     outDir: "../lib/dev-pages/pages",
     rollupOptions: {
-      external: [componentsPath],
+      external: [componentsPath, ...Object.keys(globalPackages)],
       output: {
-        globals: { componentsPath: "components" },
+        globals: { [componentsPath]: "chat-components", ...globalPackages },
+        format: "iife",
       },
     },
   },