web-dev-qa-db-fra.com

Moins de fichiers CSS inclus dans la section <head>

Quels fichiers doivent inclure dans <head> section pour moins de css. Sur un site moins officiel, je viens de voir qu'ils ont dit d'inclure les fichiers .less et .js. Mais cela ne fonctionne pas sans le fichier .css.

22
Moue Mita

Se référant à la documentation MOINS ( http://lesscss.org/#client-side-usage ):

Liez vos feuilles de style .less avec le jeu de rel à "feuille de style/moins":

<link rel="stylesheet/less" type="text/css" href="styles.less" />

Téléchargez ensuite less.js en haut de la page et incluez-le dans le <head> élément de votre page, comme ceci:

<script src="less.js" type="text/javascript"></script>

Assurez-vous d'inclure vos feuilles de style avant le script.

Cette méthode fera agir le less-file comme un fichier css normal donc aucun fichier supplémentaire n'est nécessaire.

Ce n'est cependant pas une bonne pratique pour les environnements de production. Vous devez compiler votre less-file en fichier css et l'inclure dans votre <head>- section telle quelle sans aucun fichier less ou js.

43
Henri Hietala
@import "styles.less";

OU

@import "styles";

son du fichier CSS ur .. vous avez juste besoin de l'inclure comme

<link rel="stylesheet/less" type="text/css" href="styles.less" />
2
user2663434