Есть ли опция в LESS импортировать содержимое файла CSS, а не добавлять директиву @import?Импорт CSS в LESS
Пример
//example.less
@import url("../Css/site.css");
@import url("components.less");
//example.css
@import url("site.css"); // I DON'T WANT THIS!
.component1 { ... }
.component2 { ... }
Можно ли это сделать с меньшими затратами?
Чтобы ответить на мой собственный вопрос; ДА!
@import (less) url("../Css/site.css");
В противном случае у вас есть разные варианты импорта.
Синтаксис: @import (ключевое слово) "filename";
Следующие директивы импорта были реализованы:
- ссылка: использовать Less файл, но не выводить его
- рядный: включать исходный файл в выходной, но не обрабатывать его
- меньше : обрабатывать файл как файл с меньшим размером, независимо от того, что расширение файла
- css: обрабатывать файл как файл CSS, независимо от того, что расширение файла
- один раз: включать только один файл (это de придираться поведение)
- несколько: включить файл несколько раз
- дополнительно: продолжить работу по обобщению, когда файл не найден
Более одного ключевого слова в @import разрешено, вы должны будете использовать запятые отделить ключевые слова: Пример: @import (необязательно, ссылка) «foo.less»;
Дополнительная информация в docs.
Ах! inline, похоже, быстрее компилируется! +1 для полноты – series0ne
Я бы выбрал 'inline' –
Вы сказали, что не хотите использовать директиву @import, и теперь вы используете его? –
@Leothelion Я хочу использовать его в файле меньшего размера, чтобы импортировать файл css, но я не добавил импортированный css для добавления (inline) в выходной/скомпилированный файл css, а не просто для добавления директивы import css. Имеет ли это смысл? – series0ne