Обновить
4K+
2

Пользователь

1
Рейтинг
1
Подписчики
Отправить сообщение

Модульная система Sass: руководство по @use

Уровень сложностиПростой
Время на прочтение8 мин
Охват и читатели4.4K

Раньше в Sass был только @import, который создавал кучу проблем: глобальное загрязнение, конфликты имён, дублирование кода. В новых версиях (Dart Sass) @import объявлен устаревшим — вместо него пришли @use и @forward. Переход на модульную систему — это не просто замена одного слова на другое, а смена парадигмы. Теперь каждый файл — изолированный модуль со своим пространством имён.

В статье на реальных примерах показано:

как подключать переменные, миксины и функции через @use;

почему больше не работает @import 'file' и как исправить старый код;

что такое встроенные модули (mathlistmapstringcolor) и зачем их подключать вручную;

как гибко настраивать темы через !default и with();

чем @forward отличается от @use и как с его помощью собирать публичное API проекта;

как избежать ошибок с повторными импортами и конфигурацией.

Материал будет полезен всем, кто пишет на Sass и хочет идти в ногу с развитием инструмента.

Читать далее

Информация

В рейтинге
1 859-й
Откуда
Санкт-Петербург, Санкт-Петербург и область, Россия
Дата рождения
Зарегистрирован
Активность