Thelia permet de compiler à la demande les fichiers LESS pour produire un fichier CSS. Pour ce faire il faut suivre la méthode suivante :
1) Travailler en mode développement, comme on devrait toujours le faire quant on fabrique une boutique Thelia 2. Voir ici comment ça marche : http://forum.thelia.net/viewtopic.php?id=11787
2) Dans la configuration, positionner la variable process_assets à 1, que qui indique à Thelia qu'il doit surveiller les modifications apportées aux assets. Na pas oublier de la remettre à 0 une fois en production, ça consomme de la ressource.
3) Dans le fichier layout.tpl, remplacer {stylesheets file='assets/dist/css/thelia.min.css'} par {stylesheets file='assets/src/less/thelia.less' filters='less'}, ce qui veut dire qu'on va compiler thelia.less chaque fois que ce fichier ou une de ses dépendances sera modifiée.
4) Toujours dans layout.tpl, modifier {declare_assets directory='assets/dist'} en {declare_assets directory='assets/src'}. Pour info, cette fonction permet de copier tous les assets statiques (fonts, images, js, etc.) dans le cache qui est dans web/assets.
Et voilà ! Chaque modification dans un fichier less sera automatiquement prise en compte.
Inconvénients de cette méthode :
1) la compilation des LESS consomme pas mal de ressources, du coup, chaque modif de style est un peu laborieuse si votre site ne tourne pas sur une machine puissante. C'est d'ailleurs en partie pour ça qu'on préfère générer les assets différemment, avec grunt ou webpack, qui permettent de faire bien plus que de juste compiler du less.
2) On doit désormais travailler dans le dossier assets/src, et non plus dans assets/dist. Du coup, même en prod, on va rester dans assets/src. Ce n'est pas forcément un problème, mais il faut bien garder ça à l'esprit et ne plus faire de modifs dans assets/dist.
Les détails sont dans la doc : http://doc.thelia.net/en/documentation/ … generation
Sur Windows, pour les allergiques à la console, une autre solution pour compiler à la demande les fichiers less est d'utiliser WinLess ( http://winless.org/ ) qui lui aussi permet de surveiller les répertoires des assets et de génère un fichier css à partir d'une collection de fichiers less.
Pour les pas allergiques à la console qui ne veulent pas utiliser grunt, vous pouvez installer node.js, npm, et less.js : http://lesscss.org/, avec en:prime less-watch-compiler pour surveiller les changements et compiler automatiquement. Mais bon, si bous savez déjà faire ça, autant utiliser grunt.
J'épingle ici une version un peu enrichie de ce post : https://forum.thelia.net/viewtopic.php?id=12838