Question Joindre deux fichiers .less dans un fichier css


Lorsque je travaille avec lesscss, je voudrais joindre deux ou trois fichiers .less en un seul super fichier css.

Je sais que tu peux le faire en utilisant un peu magie rubis, mais j'aimerais savoir s'il y a quelque chose de simple dans le moins moteur?


19
2017-08-21 19:36


origine


Réponses:


Vous pouvez utiliser import, similaire à ce que vous pouvez dans un fichier CSS normal.

@import "reset";
@import "config";
@import "header";
@import "forms";

Pris à partir de ce post SO. Il est également mentionné dans la section "Importation" de Moins de documentation.


23
2017-08-21 20:25



Solution simple:

  1. Créer un main.less fichier et l'ouvrir (nommez-le comme vous voulez)

  2. Importez votre autre css et moins de fichiers via @import 

    • @import "filename.less"; pour moins de fichiers

    • @import "filename.css"; pour les fichiers CSS.

  3. Compilez votre fichier main.less et incluez simplement ce fichier main.css dans votre site.

  4. Sourire :)


11
2018-02-12 12:50