Explication détaillée de la technique consistant à forcer le CSS à être empaqueté dans un seul fichier dans le framework Less

Lors de l'utilisation du framework Less précompilé, nous espérons toujours gérer efficacement la structure de déploiement des fichiers CSS. Nous examinerons ici une technique pour forcer le CSS à être empaqueté dans un seul fichier dans le framework Less. faites-y référence.

less fusionnera les autres fichiers less en un seul fichier lors de leur importation.
Mais lorsqu'un fichier CSS est importé, le CSS ne sera pas fusionné par défaut.
Utilisez le mot-clé inline pour forcer le package a.css dans le fichier unique final :

@import (inline) "./a.css";   
p{   
  color:yellow;   
}

Le résultat compilé est le suivant, il n'y a qu'un seul fichier (a.css uniquement le style A)

a{   
    color:red;   
}   
p {   
  color: yellow;   
}

S'il n'y a pas de paramètre en ligne, le résultat final est le suivant, deux fichiers seront demandés

@import "a.css";   
p {   
  color: yellow;   
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!