Что такое инструкция LESS CSS @import-once good?

Ответ 1

Когда вы работаете с LESS, у вас может быть меньше файлов (у меня есть 12, включая медиа-запросы, сбрасывает и т.д.), и иногда у вас нет контроля над количеством @import, которое вы делали между файлами, и что причина @import-once, чтобы избежать дублирования стиля.

Когда следует использовать @import-once вместо @import?

Предположим, что у вас есть main.less, который импортирует меньшее количество файлов. И эти файлы все импортируют utils.less, который содержит полезные миксины или переменные. Когда вы это сделаете, миксины будут дублироваться в скомпилированном коде (файл css). Один раз за каждый раз utils.less был импортирован, даже ваш CSS файл должен быть размером 1 Мб вместо 20 КБ. В таком случае вы должны использовать @import-once.

EDIT:

Как указано @TJ, поскольку LESS 1.4.0, @import-once удаляется и теперь является поведением по умолчанию для @import.

Ответ 2

@import-once просто означает "Если он уже был импортирован раньше, не импортируйте его снова". Это сделано для предотвращения дублирования стилей CSS.