Cómo organizar los archivos Sass de tu proyecto

Diferentes propuestas para organizar las carpetas de tus archivos SASS

Sass se ha convertido en uno de mis lenguajes / preprocesadores favoritos a la hora de escribir las hojas de estilo de mis proyectos. De ahí que haya decidido preparar este artículo donde explicaros la estructura que habitualmente escojo para organizar los archivos SASS de un proyecto, ya que adoptar una buena organización nos permitirá mantener el proyecto mucho más fácilmente y beneficiarnos de la gran flexibilidad que nos proporciona esta librería para llevar a cabo tareas como la creación de componentes que podamos reutilizar en otros proyectos.

Por supuesto que esto es sólo una forma de trabajar con Sass (concretamente la que a mí me funciona) y no estáis obligados a llevarla al pie de la letra. Sentíos libres de introducir las modificaciones y mejoras que más se adapten a vuestra forma de trabajar.

Dicho ésto, comencemos.

Empleando Partials

Una de las múltiples ventajas que nos proporciona Sass es poder dividir nuestras hojas de estilo en pequeños archivos (denominados partials) que posteriormente podemos importar en nuestras hojas de estilo principales mediante la expresión @import .