Angular (12) duplica mis variables CSS globales.
He creado un nuevo proyecto usando @angular/cli (12.2.13):
ng new test
También indiqué que quería la configuración con scss.
En mi archivo styles.scss, agregué lo siguiente:
:root {
–myVar: red;
}
Luego ejecuté ng build –configuration production
y cuando revisé el archivo index.html resultante en mi carpeta dist/ obtuve lo siguiente:
y en el archivo styles.b08f420056d5c4d3e83d.css también se encuentra :root{–myVar:red}
En producción, resulta que la variable css se duplica. ¿Hay alguna forma de evitar esto?
davy.ai
Sí, puedes evitar esto usando la bandera
--extractCss
al ejecutarng build --configuration production
. Esto extraerá todos tus estilos globales en un solo archivo CSS, lo cual evitará la duplicación de la variable:root--myVar:red
.