В чем разница между @import и @use в Dart Sass?

Question

Какова точная разница между @use и @import в sass (я думаю, что он доступен в dart-sass)? Если они такие же, какой лучше использовать?

Answer 1

Все кредиты go до css -tricks.com .

Новый @use похож на @import. но имеет некоторые заметные различия:

• Файл импортируется только один раз, независимо от того, сколько раз вы @use его в проекте.
• Переменные, миксины и функции (что Sass называет «члены»), которые начинаются с подчеркивания (_) или дефиса (-), считаются закрытыми и не импортируются.
• Члены из используемого файла (в данном случае кнопки.s css) доступно только локально, но не передается для будущего импорта.
• Аналогично, @extends будет применяться только в цепочке; расширяющие селекторы в импортируемых файлах, но не расширяющие файлы, импортирующие этот.
• Все импортированные элементы по умолчанию имеют пространство имен.