Creo que desplegar un archivo CSS minimizado en producción es la mejor manera de hacerlo. Siempre que tenga una versión “canónica” de su código original, ya sea MENOS o Sass, entonces tener un tamaño de archivo más pequeño tiene más sentido.
Piénselo de esta manera: al navegador no le importan los espacios en blanco, la sangría ni el código lógicamente comentado. Simplemente mastica la totalidad de un archivo CSS de principio a fin, omitiendo todas las partes insignificantes que lo hacen legible para los humanos.
Además, creo que en lugar de utilizar @import
en un archivo CSS, creando solicitudes HTTP adicionales para ir a buscar esos archivos adicionales, tiene más sentido concatenar múltiples archivos (también conocidos como “parciales”) en un archivo CSS maestro, suponiendo que todos se utilizarán fragmentos en el sitio (de lo contrario, también tendrá archivos CSS separados, hechos de combinaciones variables de parciales).
- ¿Qué tan útil es HTML y CSS?
- ¿Es mejor crear una plataforma de proveedor desde cero o modificarla cuando ya existe una plataforma de usuario preexistente?
- ¿HTML tiene una función que le permite codificar y descifrar las direcciones de correo electrónico que se muestran en una página web?
- Cómo hacer clic en un elemento del menú en un menú desplegable
- ¿Cuál es la diferencia entre Page Object Model (POM) y Page Factory en Selenium?
Realmente, el deseo de mantener un archivo CSS legible por humanos proviene del hábito, porque antes de los preprocesadores, tendíamos a tener un archivo * .css canónico y (a veces) desplegábamos un archivo * .css minificado por separado basado en eso.
Pero ahora con MENOS (o Sass), simplemente mantendría el CSS sin minimizar en caso de que alguien quiera ver la fuente. Pero nunca va a editar ese archivo de todos modos, ya que la próxima compilación lo sobrescribirá.
(Sugerencia: si desea compartir el código no minimizado, simplemente tírelo en un sitio de intercambio de código como GitHub y ponga una nota como comentario HTML, señalando a los usuarios curiosos de la fuente de visualización a la URL de la versión no minificada).
Para usar una analogía cursi de Star Wars, pienso de esta manera: su archivo original * .less o * .sass es su Jango Fett. El CSS resultante que proviene de eso es solo parte de un “ejército de clones”, fácilmente prescindible siempre que su archivo fuente se mantenga intacto.