Est-il possible de dire à less-css/gulp-less de laisser une règle @import telle quelle?

Question

J'aimerais que le fichier css produit par le compilateur de moins contienne une directive @import au début du fichier.

I.e. étant donné ce fichier moins:

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

le fichier CSS résultant devrait ressembler à ceci:

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

Il semble qu'aucun des différents options de la directive moins d'importation aide à la production de ce. Est-ce qu'il y a un autre moyen?

---

Mise à jour: J'utilise gulp-less pour compiler les fichiers moins. Il pourrait être un problème avec ce paquet et non avec moins lui-même (@import (css) "external.css"; ne donne pas le résultat désiré).

Answer 1

Comme seven-phases-max devinée (dans les commentaires), cette question n'a pas été causé par gulp-less, mais par le css-minifier (gulp-clean-css) qui a couru après la gulp compilation. L'utilisation des options correctes de nettoyage en ligne (processImport: false) permet de résoudre le problème.

Answer 2

Mise à jour: Il ne semble pas être un problème engouffreur-moins (ou une autre bibliothèque de la chaîne), car le code en question si la déclaration en l'état @import en fait la sortie même sans utiliser l'option (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. Donc, cela ne devrait certainement pas être un problème de moins de compilateur.

---

Oui, essayez d'utiliser le mot-clé css comme @import (css) "external.css";. Lorsque ce mot-clé est utilisé, le compilateur Less affichera l'instruction d'importation telle quelle.

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

pourrait compiler à

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