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

[m1skam]

Спасибо за разбор и примеры, но не могу не вставить свои пять копеек, исходя из посыла в начале статьи складывается ощущение, что это что то новое

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

Я не знаю когда проект сменил название на Dart Sass, но если не ошибаюсь и ничего не путаю, то use и forward появились лет 6 назад, а import официально устаревшим пометили года 2 назад

[Kenchobas99]

Да, хорошее замечание. Я старался в общих чертах рассказать о предстоящих изменениях. Вы правильно заметили, что @use и @forward — это не новинки, и что @import официально объявили устаревшим года два назад. Но в связи с грядущими обновлениями, когда @import окончательно удалят из Dart Sass, я решил вновь осветить эту тему для тех, кто игнорировал предупреждения и не знал, от чего придётся отказаться в ближайшем будущем и на что перейти. Спасибо за обратную связь.

[Kenchobas99]

Обновил статью, чтобы не вводить в заблуждение и дополнил некоторые пункты. Спасибо еще раз за замечание)

[PhilippMel]

Лучше поздно, чем никогда!) Актуальный формат для веб-картинок webp считается уже уходящим в прошлое. Ему на смену называют актуальный формат сжатия AVIF. Однако, на половине сайтов до сих пор используется png для картинок без прозрачности и jpeg. Там даже близко не webp