Refine config

Author: jperals

vite.config.pages.mjs

@@ -1,37 +1,40 @@
 // 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 componentsPath = fileURLToPath(new URL("../lib/components", import.meta.url));
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+const chatComponentsPath = 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",
+  "@cloudscape-design/global-styles": "globalStyles",
+  "@cloudscape-design/component-toolkit": "componentToolkit",
 };
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react({ fastRefresh: false })],
-  root: "./",
-  base: "./",
   resolve: {
     alias: {
       lodash: "lodash-es",
     },
   },
   build: {
-    outDir: "../lib/dev-pages/pages",
+    lib: {
+      entry: resolve(__dirname, "pages/main.tsx"),
+      name: "ChatComponentsDevPages",
+      fileName: "main",
+    },
+    outDir: "lib/dev-pages/bundle",
     rollupOptions: {
-      external: [componentsPath, ...Object.keys(globalPackages)],
+      external: [chatComponentsPath, ...Object.keys(globalPackages)],
       output: {
-        globals: { [componentsPath]: "chat-components", ...globalPackages },
-        format: "iife",
+        globals: { [chatComponentsPath]: "chatComponents", ...globalPackages },
       },
     },
   },