Me gusta mucho la idea y el concepto de LESS. Sin embargo, me encontré con un error, que informé hace un tiempo al autor, pero que todavía no recibí ningún comentario. Quizás soy solo yo quien está haciendo algo mal.CSS-Redundancia cuando se usa LESS y su @import
Mi application.less
-File que se parece a esto:
@import "reset";
@import "config";
@import "header";
@import "forms";
[…]
me gusta que es posible utilizar la regla @import
para dividir mis archivos para obtener una mejor visión de conjunto de mis CSS-declaraciones. Sin embargo, cada archivo importado necesita volver a importar el config.less-File nuevamente para poder hacer uso de los mixins y variables que definí allí.
Apuesto a que ya sabe sobre qué tipo de redundancia estoy manejando: Cada vez que se importa config.less, su "salida" pasa a formar parte de la aplicación.css.
Mi archivo de configuración contiene aproximadamente 200 líneas de código. Desde que dividí mi CSS, en aproximadamente 5 archivos (basados en mis nombres de controlador) que necesitan volver a importar la configuración, termino teniendo alrededor de 1000 líneas de código CSS generadas que son 100% redundantes.
La única solución que se me ocurre es no dividir mis archivos, lo que realmente me gusta evitar.
¿Ha pensado implementar algo como @ load/@ require para importar un archivo sin salida? Eso estaría bien. Pero intentaré ajustar mi código de acuerdo con tus sugerencias. –
Y acabo de notar que no puedes usar el anidamiento dentro de mixinas dinámicas. Así que esto realmente no funciona para mí, lamentablemente. –
Sí, para ser honesto, estas son cosas que me gustaría tener eventualmente, pero simplemente no he encontrado el tiempo para implementarlas. – cloudhead