CSS estático en la superposición de 19 interpolaciones colgaban cada construcción

Fixkamo-internal
Shipped
3 de septiembre de 2026 a las 7:33 UTC
Author
Kamo
Commit
0db8f9a

kamo-internal no ha podido producir una imagen desde b08f3b34. La próxima construcción. no falló, no HUNG: sin salida, sin error, sin tiempo de espera. -next. congelado en 1.3 MB mientras que dos hilos se quemaron 200% CPU y no escribieron nada para encejar, durante tanto tiempo como alguien estaba dispuesto a esperar. El bloque global de InlineImageOverlay-el-style jsx global llevaba diecinueve Interpolaciones, una per selector. de estilo-jsx trata cada agujero en una plantilla de CSS como un valor dinámico y razones sobre la hoja de estilos alrededor de cada uno; diecinueve en un solo bloque de 109 líneas envía al compilador en un Gire que nunca termina. OVERLAY-CLASS is .const OVERLAY-CLASS = 'kamo-iio'. Una constante de compilación-tiempo para que cada uno de esos agujeros estuviera interpolando un valor que nunca cambia. Escribir el prefijo fuera es toda la solución. Mismos seleccionadores, mismo CSS, misma clase nombres, y el archivo está intacto: 602 líneas en y 602 líneas hacia fuera. Medido en el mismo árbol de trabajo, mismos nódulos, mismos mensajes/: con las interpolaciones nunca terminas (matadas a 10m, .d.extro 1.3 MB) sin ellos - compilado en 117s, .next 379 MB Bisected en lugar de adivinado, porque una horca se ve exactamente como una máquina lenta desde el exterior y se confundió a su vez con un techo de montón, para corredor contienda de construcciones huérfanas, y para un disco completo. No es nada de eso: el el corredor tiene 120 GB gratis, sin cuota de CPU, y 5730c01e compila en 96s en el mismo caja. Tanto Turbopack como webpack cuelgan, que es la información de que comparten esto transformar. OVERLAY-CLASS sigue siendo la única fuente de la verdad para el marcado; sólo el CSS el texto es literal. inlineImageOverlayCss.test.ts guarda ambas mitades de eso: falla si se reintroduce una interpolación, y falla si los selectores literales y la constante deriva.

All changes

Como lo que ves enviaste?

Cada una de estas actualizaciones aterriza en su espacio de trabajo automáticamente. Empieza gratis y verlo crecer semana tras semana.

Arranzar gratis para siempreVer Precios