React Create Application Produktions-Build und CSS-Variablen in IE11

Ich würde gerne wissen, wie man CSS-Variablen in einem Produktions-Build loswird. Tatsache ist, dass ich ein Projekt für IE11 erstellen muss, in dem CSS-Variablen nicht unterstützt werden. Mein Projekt wurde mit der React Create App erstellt und ich kann npm run eject nicht ausführen. Wie können Sie einen Produktionsaufbau so einrichten, dass in der anfänglichen Herzfrequenz des Stils anstelle von Variablen deren Werte vorhanden sind?

Bieten Sie nicht an css-vars-ponyfill, es dauert sehr lange, eine Seite in IE11 zu laden.

Lösung des Problems

Die einzige Möglichkeit, CSS-Variablen im IE zum Laufen zu bringen, ist die Verwendung eines Polyfill. Wenn Sie css-vars-ponyfill nicht verwenden möchten, können Sie ie11CustomProperties oder css-variables- polyfill ausprobieren.

Wenn Sie kein Polyfill verwenden möchten, können Sie die CSS-Stile meines Erachtens nur manuell bearbeiten, um CSS-Fallbacks zur Unterstützung von IE11 hinzuzufügen. Etwas wie das:

body {
 --text-color: red;
}
body {
 color: red;
 color: var(--text-color);
}