hem-less

This 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).

  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.0.1",
        "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 argv = process.argv.slice(2);
     
    hem.compilers.less = require('hem-less').compiler;
     
    hem.exec(argv[0]);
  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 bunlde your app run:

    hem bundle

    Or run the development server:

    hem server