Je fais des sites web

Compiler LESS en temps réel

Less est un language de programmation super pour générer votre CSS, par contre, les navigateurs ne supportent pas ce type de feuille de style. Vous pouvez utiliser un fichier Javascript qui interprètera votre code LESS, mais ça ajoute du traitement sur le chargement de votre site. Vous pouvez également compiler votre LESS en CSS en utilisant le gem "lessc", mais c'est pas vraiment pratique de faire cela manuellement, surtout pour du développement CSS.

Voici une solution qui n'affectera ni le chargement de votre page, ni votre temps de développement, à part pour l'améliorer.
Il faut d'abord avoir les pré-requis suivants:

  • Ruby
  • lessc (gem)
  • incron (sudo apt-get install incron)
* N'oubliez pas d'allouer votre user dans /etc/incron.allow
  1. Créer un fichier notify_less.sh 
    #!/bin/bash

LESS=$1
CSS=`echo $LESS | sed 's/\.less/\.css/'`

if [ "$LESS" != "$CSS" ]
then
  lessc $LESS > $CSS
fi
    Ce fichier servira à convertir votre fichier LESS en CSS et changera l'extension
  2. Ajouter une ligne à votre incron 
    $ > incrontab -e
/path/vers/le/dossier/de-vos-fichiers/less IN_MODIFY /path/vers/votre/fichier/notify_less.sh $@/$#
    Cette partie servira pour convertir vos fichiers LESS en CSS dès que votre fichier LESS sera modifié.
  3. Créer un fichier .htaccess que vous placerez dans le dossier de vos fichiers LESS 
     <FilesMatch "\.less$">
   Deny from all
 </FilesMatch>
    Vos fichiers LESS ne seront pas accessibles depuis Apache.

Voilà vous pouvez maintenant profiter de LESS sur n'importe quel projet.