Compiler un fichier LESS en CSS

Publié le 2013-10-20 19:21:58 par Jonathan Fernandes

Installation des paquets

sudo apt-get install node-less yui-compressor npm

Compilation d'un fichier LESS en CSS

Sans compression

lessc __REPERTOIRE_SOURCE__/__FICHIER__.less > __REPERTOIRE_DESTINATION__/__FICHIER__.css

Avec compression

lessc __REPERTOIRE_SOURCE__/__FICHIER__.less > __REPERTOIRE_DESTINATION__/__FICHIER__.css
yui-compressor -o __REPERTOIRE_DESTINATION__/__FICHIER__.min.css __REPERTOIRE_DESTINATION__/__FICHIER__.css

Erreurs

/usr/bin/env: node: No such file or directory

Lorsque vous installez node via le gestionnaire de paquets, il est renommé nodejs. Par conséquent la commande lessc ne sait pas que le module node a été renommé.

La solution au problème est de créer un lien symbolique:

sudo ln -s /usr/bin/nodejs /usr/bin/node

MAKEFILE

Voici un petit script qui va vous permettre de rendre la tâche un peu plus facile en créant un fichier MAKEFILE

PATHSRC=__REPERTOIRE_SOURCE__
PATHDEST=__REPERTOIRE_DESTINATION__

all: css

css:
    lessc $(PATHSRC)/all.less > $(PATHDEST)/all.css
    yui-compressor -o $(PATHDEST)/all.min.css $(PATHDEST)/all.css
    rm $(PATHDEST)/all.css

Pensez à remplacer __REPERTOIRE_SOURCE__ et __REPERTOIRE_DESTINATION__ par les chemins respectifs selon votre arborescence.

Puis dans votre terminal, il suffit de saisir la commande:

make css

Puisque, j'ai mis css dans la ligne all, il est possible de saisir simplement la commande suivante:

make
comments powered by Disqus