This little component converts your .less files into .css without relying on Node.js
Clone from github: in your plugin directory type git clone https://github.com/Hyra/less.git less
Add as Git submodule: in your plugin directory type git submodule add https://github.com/Hyra/less.git less
Download as archive from github and extract to app/Plugins/Less
Next, create a folder less in app/webroot/ and apply chmod 777 to it.
In your AppController.php add the component:
public $components = array('Less');
Now every .less file from webroot/less will be converted to its .css equivalent in webroot/css
In your default.ctp layout you can just use echo $this->Html->css('your_css_file'); as you always do
Sometimes you want to use @import to combine files, which means you don't want all source .less files to be converted to seperate .css files. That'd be redundant.
Simply prefix your .less files with an underscore (_yourfile.less)
- Conversion happens on every request while in development mode
(debug at 0) - Conversion happens every time the cache timer expires, which you can specify in
Controller/Component/LessComponent.php - Option to ignore files.