Comments 4
Спасибо за разбор и примеры, но не могу не вставить свои пять копеек, исходя из посыла в начале статьи складывается ощущение, что это что то новое
Раньше в Sass был только
@import, который просто копировал содержимое одного файла в другой. Это создавало проблемы: глобальное загрязнение, конфликты имён, дублирование кода. Начиная с Dart Sass (современная версия),@importобъявлен устаревшим и будет полностью удалён в версии 3.0.0. Вместо него введена модульная система с правилами@use.
Я не знаю когда проект сменил название на Dart Sass, но если не ошибаюсь и ничего не путаю, то use и forward появились лет 6 назад, а import официально устаревшим пометили года 2 назад
Да, хорошее замечание. Я старался в общих чертах рассказать о предстоящих изменениях. Вы правильно заметили, что @use и @forward — это не новинки, и что @import официально объявили устаревшим года два назад. Но в связи с грядущими обновлениями, когда @import окончательно удалят из Dart Sass, я решил вновь осветить эту тему для тех, кто игнорировал предупреждения и не знал, от чего придётся отказаться в ближайшем будущем и на что перейти. Спасибо за обратную связь.
Обновил статью, чтобы не вводить в заблуждение и дополнил некоторые пункты. Спасибо еще раз за замечание)
Лучше поздно, чем никогда!) Актуальный формат для веб-картинок webp считается уже уходящим в прошлое. Ему на смену называют актуальный формат сжатия AVIF. Однако, на половине сайтов до сих пор используется png для картинок без прозрачности и jpeg. Там даже близко не webp
Модульная система Sass: руководство по @use