Есть ли способ сказать less-css/gulp-less оставить правило @import as-is

Question

Мне бы хотелось, чтобы файл css, созданный меньшим компилятором, содержал директиву @import в начале файла.

I.e. учитывая это меньше файл:

@import "external.css" /* this import directive should be left as is */ 
@import "globals.less" 
a { color: @linkColor; } /* defined in globals.less */ 

полученный файл CSS должен выглядеть следующим образом:

@import "external.css" 
a { color: #00a; } 

Кажется, что ни один из различных options из менее директивы импорта не помогает производить это. Есть ли другой путь?

---

Обновление: Я использую gulp-less для компиляции меньше файлов. Это может быть проблемой с этим пакетом, а не с самим собой (@import (css) "external.css"; не дает желаемого результата).

Answer 1

Как seven-phases-max догадался (в комментариях), этот вопрос не был вызван gulp-less, но с помощью CSS-Minifier (gulp-clean-css), который бежал после глотка сборник.

Использование правильных опций clean-css (processImport: false) решает проблему.

Answer 2

Update: Это действительно кажется глотком меньше проблем (или какой-либо другой библиотеке в цепочке), так как код в вопросе должен фактически вывести @import заявление как есть, даже без использования опции (css). The Less compiler seems to be capable of reading the file extension and if it is css then it just leaves the @import directive as-is. Таким образом, это определенно не должно быть проблемой компилятора Less.

---

Да, попробуйте использовать ключевое слово css как @import (css) "external.css";. Когда это ключевое слово используется, компилятор Less выводит оператор import as-is.

@import (css) "external.css"; 
@import "globals.less"; 
a { 
    color: @linkColor; 
} 

компилировать бы

@import "external.css"; 
a { 
    color: #00a; 
}