fix: esbuild css minifier — lightningcss folds animation-timeline into the animation shorthand (invalid), silently killing scroll-driven effects in production

2026-07-28 21:25:59 +02:00
parent bbbb090cce
commit c6de06f017
1 changed files with 7 additions and 0 deletions
@@ -13,6 +13,13 @@ export default defineConfig({
  prefetch: { prefetchAll: true },
  server: { port: 4321, host: true },
  vite: {
+    build: {
+      // Lightning CSS (the default minifier) illegally folds animation-timeline
+      // INTO the `animation` shorthand (`animation: ... view()`), which browsers
+      // reject — silently killing every scroll-driven effect in production.
+      // esbuild minifies without property merging.
+      cssMinify: 'esbuild',
+    },
    server: {
      // Vite blocks unknown Host headers by default; the demo is viewed through an
      // ephemeral cloudflared quick tunnel, so allow any *.trycloudflare.com host.