Урок 05 · 11 хв

Файли: @use, а не каша в одному

_buttons.scss не компілюється сам. Головний файл підключає шматки.

Парціал: ім'я з підкреслення _tokens.scss. @use "tokens" as *; або @use "tokens" as t і тоді t.$ink. Старий @import у Sass глобально змішував змінні й скоро зникне зі звички. Новий код — @use / @forward.

Точка входу

Можна спитати про це правило«@use вантажить модуль один раз»

as * висипає імена в поточний файл. Зручно в маленькому проєкті, у великому краще префікс.
@forward реекспортує модуль назовні з «бочки» theme.
У Vite часто additionalData або прямий import .scss з JS. Результат той самий: CSS у бандлі.

Можна спитати про цей пункт«Суть уроку»

Перевірка

Закріпи, поки не пішов далі

1. Підкреслення в _tokens.scss означає
2. У новому коді замість @import Sass беруть
3. @use одного файлу двічі