pdxwebdev / hem-less

This npm module adds LESS (The Dynamic Stylesheet language) support to hem (Bundler for Node/CommonJS/Web Apps)

hem-less

This module adds LESS (The Dynamic Stylesheet language) support to hem (Bundler for Node/CommonJS/Web Apps).

Usage

1. Add hem-less to the dependencies in your package.json file in the root directory of your hem project. Here is an example:

   {
     "name": "Insanely Awesome Spine.js App w/ LESS Support",
     "version": "0.0.1",
     "dependencies": {
       "serveup": "~0.0.4",
       "hem": "~0.1.7",
       "hem-less": "~0.1.0",
       "es5-shimify": "~0.0.1",
       "json2ify": "~0.0.1",
       "jqueryify": "~0.0.1",
       "amplifyjsify": "~0.0.3",
       "bootstrap-stylus": "0.2.1",
       "spine": "~1.0.6"
     }
   }
   

2. Once hem-less is added to your dependencies run the following command from your project root:

   npm install .
   

3. Add a slug.js file to the root of your project with the following:

   var hem = new (require('hem'));
   var command = process.argv.slice(2)[0];
   var less = require('hem-less');
   var options = {
     "server": false,
     "build": true
   };
   options = {
   	compress: options[command],
   	paths: ['some/path', 'some/path/child' ]
   }
   less.setOptions(options);
   hem.compilers.less = less.compiler;
   hem.compilers.styl = null;
   hem.exec(command);
   

4. Use it! Now when you run hem in your project root it will generate CSS using the LESS compiler if there is a index.less file in your project's css dir. For example to build your app run:

   hem build

   Or run the development server:

   hem server