Moins fichier css à inclure dans <head> section

Quels sont les fichiers à inclure dans <head> section pour les moins de css. Au moins le site officiel , je viens de voir qu'ils ont dit à inclure .moins et .fichier js. Mais il ne fonctionne pas sans .fichier css.

  • Le fichier JS convertit vos moins pour le CSS et l'insère à la DOM. Etes-vous sûr que vous avez ajoutés dans le bon ordre?
  • quelle est votre ligne dans <head>!
InformationsquelleAutor Moue Mita | 2013-08-20
  1. 41

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

    Lien votre .moins les feuilles de style avec le rel jeu de “feuille de style " ou " moins”:

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

    Ensuite télécharger less.js à partir du haut de la page, et l'inclure 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 sera la cause de la moins-fichier agir comme un régulier css-fichier si aucun des fichiers supplémentaires sont nécessaires.

    Ce n'est pas une bonne pratique pour les environnements de production même si. Vous devez compiler votre moins-fichier css de fichiers et de les inclure dans votre <head>-section est sans aucune moins - ou js fichiers.

    • Tourne en local sur windows 10, en essayant ci-dessus les causes de cette erreur dans google Chrome: Failed to load file:///C:/Users/my_dir/my-theme.less: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
    InformationsquelleAutor Henri Hietala
  2. 2
    @import "styles.less";

    OU

    @import "styles";

    son à partir d'ur fichier CSS..
    vous avez juste besoin de l'inclure comme

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