build manifest and use hash in filename (part 1)

1 files changed, 13 insertions, 8 deletions

diff --git a/jb-ui/vite.config.ts b/jb-ui/vite.config.ts
index 62d53f6..41f1d9e 100644
--- a/jb-ui/vite.config.ts
+++ b/jb-ui/vite.config.ts
@@ -5,11 +5,15 @@ import path from "path";
 import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
-  plugins: [react(), tailwindcss(), sentryVitePlugin({
-    org: "grl",
-    project: "panel-jb-ui",
-    url: "https://logs.g-r-l.com/"
-  })],
+  plugins: [
+    react(),
+    tailwindcss(),
+    sentryVitePlugin({
+      org: "grl",
+      project: "panel-jb-ui",
+      url: "https://logs.g-r-l.com/",
+    }),
+  ],
 
   resolve: {
     alias: {
@@ -36,6 +40,7 @@ export default defineConfig({
   },
 
   build: {
+    manifest: true,
     cssCodeSplit: false,
 
     lib: {
@@ -45,10 +50,10 @@ export default defineConfig({
 
     rollupOptions: {
       output: {
-        entryFileNames: "james-billings.js",
+        entryFileNames: "james-billings.[hash].js",
         assetFileNames: (assetInfo) => {
           if (assetInfo.names[0].endsWith(".css")) {
-            return "james-has-style.css";
+            return "james-has-style.[hash].css";
           }
 
           return "assets/[name].[hash][extname]";
@@ -60,6 +65,6 @@ export default defineConfig({
       },
     },
 
-    sourcemap: true
+    sourcemap: true,
   },
 });