¿Cuáles son los riesgos de usar un preprocesador CSS en aplicaciones a gran escala?

Los preprocesadores de CSS pueden hacer que mantener la coherencia en toda la aplicación sea realmente simple. Dicho esto, puede hacer que la localización de la fuente de un error css sea algo complicado para los nuevos desarrolladores que no están familiarizados con los preprocesadores como concepto, o con la estructura del código fuente en cuestión. Debido a que algunos de los estilos se derivan de clases que pueden o no estar contenidas como variables en otro archivo importado, encontrar la ubicación original de un estilo dado puede ser difícil. Además, incluso para desarrolladores experimentados que no saben que se está utilizando un preprocesador, puede ser desconcertante cuando se sobrescribe una larga lista de cambios la próxima vez que se procese el archivo del preprocesador.

Es importante que cualquiera que esté editando css sepa a) que el preprocesador está siendo usado, b) cuando el preprocesamiento está sucediendo (¿está usando Grunt, o Gulp y ocurre al guardar?), Yc) qué archivos deberían y no debería estar editando (no se moleste con los archivos CSS, simplemente se actualizan / se escriben).

También es importante asegurarse de que si usa el control de fuente, agregue sus archivos css a la lista de ignorar. No hay mayor angustia que tener que conciliar cada archivo css que se actualizó con un solo cambio en un archivo de preprocesador que se encuentra muy arriba en el árbol de importación.