Merge pull request #37 from noahlz/packaging/fix-warnings

Split renderer bundle into vendor chunks to reduce chunk size

Author: noahlz

TODO.md

@@ -1,14 +1,5 @@
 # Ligeon TODOs
 
-## Issues
-- This odd issue:
-```
-(!) Some chunks are larger than 500 kB after minification. Consider:
-- Using dynamic import() to code-split the application
-- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
-- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
-```
-
 ## Packaging
 - CI/CD: release Mac/Win packages on tag push.
 

vite.config.ts

@@ -10,6 +10,27 @@ export default defineConfig({
   build: {
     outDir: 'dist',
     emptyOutDir: true,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          'vendor-radix': [
+            '@radix-ui/react-collapsible',
+            '@radix-ui/react-dialog',
+            '@radix-ui/react-dropdown-menu',
+            '@radix-ui/react-label',
+            '@radix-ui/react-popover',
+            '@radix-ui/react-progress',
+            '@radix-ui/react-select',
+            '@radix-ui/react-slider',
+            '@radix-ui/react-slot',
+            '@radix-ui/react-toggle',
+            '@radix-ui/react-toggle-group',
+            '@radix-ui/react-tooltip',
+          ],
+          'vendor-chess': ['@lichess-org/chessground', 'chessops'],
+        },
+      },
+    },
   },
   resolve: {
     alias: {