¿Cuándo usar la regla SCSS: @use y cuándo usar @import ? ¿Cuál es la diferencia entre ellos y los mejores escenarios para usarlos?
@use '_styles.scss'; @import '_styles.scss';El nuevo
@usees similar a@import. pero tiene algunas diferencias notables:
- El archivo solo se importa una vez, sin importar cuántas veces lo
@useen un proyecto.- Las variables, los mixins y las funciones (lo que Sass llama "miembros") que comienzan con un guión bajo (_) o un guión (-) se consideran privados y no se importan.
- Los miembros del archivo usado (buttons.scss en este caso) solo están disponibles localmente, pero no se transfieren a futuras importaciones.
- De manera similar,
@extendssolo se aplicará hacia arriba en la cadena; extendiendo selectores en archivos importados, pero no extendiendo archivos que importan este.- Todos los miembros importados tienen un espacio de nombres predeterminado.
https://css-tricks.com/introducing-sass-modules/
@import quedará obsoleto en favor de @use y @forward , y el soporte se eliminará a más tardar en octubre de 2022.