Using LESS in CakePHP
I was a bit bored this morning with my previous Less component, so decided to rewrite the thing and added some new features such as caching. It’s pretty straightforward and simple to set up. If you can’t wait, the code is available here. For more information, read on.
This little helper 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
Next, create a folder
app/webroot/ and apply
chmod 777 to it.
app_controller.php add the helper:
public $helpers = array('Less.Less');
.less file from
webroot/less will be converted to its
.css equivalent in
default.ctp layout you can just use
echo $this->Html->css('your_css_file'); as you always do
- Conversion happens on every request while in development mode
(debug at 0)
Again, it’s not much .. but I like simple things that make working on projects more fun, so it’s all good.
I probably should update the helper again soon to make it work with CakePHP 2.0, but haven’t decided when to make the switch yet. Then again, you guys can always fork and help out, of course ;)