En el proyecto vite, definí una variable env en .env :
VITE_THEME=1 Y tengo un archivo variables.scss para definir una variable:
$theme-color: red; Puedo usar import.meta.env.VITE_THEME para obtener VITE_THEME en js, pero ahora quiero usarlo en variables.scss para cambiar el theme-color como:
$theme-color: import.meta.env.VITE_THEME == 1 ? red : yellow;¿Cómo puedo hacer esto?
En este caso, debe usar una biblioteca CSS-in-JS. CSS no es un lenguaje de programación, y no debería simplemente obtener algunos datos con él. Alternativamente, puede agregar condicionalmente una clase a la etiqueta del cuerpo en JS y configurar estilos en CSS dependiendo de eso. Hay formas de compilar su SCSS para que obtenga algunos datos de un archivo, pero no será reactivo. Si solo desea cambiar un elemento, también puede aplicar condicionalmente clases con el atributo de style .