Principio base de arquitectura
1
Cada capa debe tener un propósito: abstracts, base, layout, components, pages, themes, vendors.
2
Si un parcial mezcla responsabilidades, el mantenimiento se vuelve lento y propenso a regresiones.
Sass
12
Arquitectura Sass (7-1) y escalado profesional
Estructura proyectos Sass grandes con una arquitectura clara, separando base, componentes y utilidades para escalar sin caos.
Código del tema: Arquitectura Sass escalable
📘 Teoría
Esqueleto 7-1 en SCSS
1
Centraliza tokens y herramientas en abstracts, y consume módulos desde componentes concretos.
2
Mantén un punto de entrada principal que orquesta el resto de parciales.
Entrada principal
// main.scss
@use "abstracts/tokens";
@use "base/reset";
@use "layout/grid";
@use "components/button";
@use "components/card";
@use "pages/home";