Comment installer LESS ?

Comment installer LESS ?

Les navigateurs ne reconnaissent pas LESS, seul le CSS peut être interprété par les navigateurs. A cet  effet, il  est indispensable d’avoir un interpréteur, qui va transcrire les codes LESS en codes CSS.

Il est possible d’installer cet interpréteur de deux façons différentes :

  • côté client ;
  • côté serveur.

Ce n’est cependant pas recommandé d’installer LESS côté client et côté serveur. Il va falloir faire un choix. Cet article présente les deux techniques d’installation de LESS.

Installation côté client

Cette méthode est  la plus simple à mettre en œuvre. Vous n’avez qu’à ajouter un fichier sur votre serveur et modifier le contenu de votre balise html <head>.

Toutefois, cette manière de faire nécessite l’activation de JavaScript  par l’internaute qui explore votre site web. Sans l’activation de JavaScript  par l’internaute le script LESS ne feront pas d’effet.

Voici en quelques sorte  ce qu’il est manifeste de faire pour installer LESS coté Client En bref, il vous suffira de substituer  la ligne 1 à la ligne 2 :

Exemple CSS :

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

Exemple  LESS :

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

Mais avant toute chose, vous devrez télécharger la dernière version de less.js depuis le site officiel.

Enfin, il est important de rajouter dans votre code  HTML à la suite de votre script  <link rel=”stylesheet/less” />, le script suivant   :

 

Installation côté serveur

Si vous décidez d’installer LESS côté serveur, vous pourrez permettre à vos visiteurs de visualiser votre page correctement, même s’ils ont désactivé JavaScript.

Cette technique d’installation de LESS permet  à vos visiteurs de pouvoir contempler les effets de votre code LESS  même sans avoir activer JavaScript sur leurs machines.

Vous pourrez  donc installer  le Framework Node.js.

Installation avec Node.js

Vous devez tout d’abord installer le paquet LESS, grâce à npm :

$ nmp install less

Apres cette installation, vous avez maintenant la possibilité d’utiliser LESS dans votre code. Il suffit juste d’importer le LESS.

Var less = require(‘less’) ;

Less.render(style, callback) ;

Complétez ce script avec la commande ci-après   qui vous permet de compiler vos fichiers .less et .css .

Voilà !!! Vous venez d’installer LESS côté serveur.

0 Commentaires

Laisser une réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

©2017 Sitatech Group Ltd. All rights reserved - société au capital de 50.000,00 euros

Vous connecter avec vos identifiants

ou    

Vous avez oublié vos informations ?

Create Account