Arquitectura con @use y @forward en Sass moderno

Organiza Sass por módulos, controla namespaces y construye una base escalable para proyectos grandes sin depender de @import legado.

📘 Teoría

Con @use controlas qué módulo entra y bajo qué nombre, eliminando variables globales implícitas.

Esto reduce bugs por colisión y hace más evidente el origen de cada token o mixin.

Puedes centralizar exports en un index.scss para que el resto del proyecto importe una sola entrada.

Así encapsulas estructura interna sin acoplar consumidores a rutas profundas.

Ejemplo Ejemplo: namespace explícito Consume tokens con namespace para evitar ambigüedad.

⌄

Reto Reto: añade alias corto Usa @use con alias y referencia una variable namespaced.

⌄

Test

Comprueba tus conocimientos con un test sobre Sass.

CodePen: layout escalable con Grid

Recursos del curso 14