node package manager


A tiny set of utilities for grunt


This is a very tiny set of tasks for grunt. It contains:

preprocess: a tiny utility to concat files, and execute string replacements during concatenation. cLess: a tiny utility that uses less to parse less files, and concatenate them along with regular css files appart from concat files this utility also replace the relative urls of the assets referenced by the less files while moving them to a folder called assets/ which is relative to the output file

Install this grunt plugin next to your project's Gruntfile.js gruntfile with: npm install grunt-r3m --save-dev

Then add this line to your project's grunt.js gruntfile:


These tasks are multi task, meaning that grunt will automatically iterate over all cLess and preprocess targets if a target is not specified.

cLess task

  • src(required): The LESS file(s) to be compiled. Can be either a string or an array of strings. If more than one LESS file is provided, each LESS file will be compiled individually and then concatenated together.
  • dest(required): The path where the output from the LESS compilation should be placed. Must be a string as there can be only one destination.
  • options(optional): An object of LESS options. As of right now, the only options supported are compress and yuicompress.
// project configuration 
  cLess: {
    signup: {
      src: 'signup.less',
      dest: 'signup.css'
    homepage: {
      src: ['banner.less', 'app.less', 'some.css'],
      dest: 'homepage.css',
      options: {
        yuicompress: true
    all: {
      src: '*.less',
      dest: 'all.css',
      options: {
        compress: true

preprocess task

  • src(required): The file to be processed.
  • dest(required): The path where the output should be placed.
  • options(required): some configuration options to use like removeHTMLComments, enable include statements, and replacements to be processed. Take a look at the example below
// project configuration 
  preprocess: {
    options : {
      // this regular expression is used to parse the INCLUDE commands 
      // which are used to include the contents of other files inside the  
      // preprocessed files 
      // something like this  
      // var tpl = '[INCLUDE src="../templates/templates.doT"]'; 
      // if not specified the tokenRegex is as the one shown below 
      tokenRegex : /\[\s*(\w*)\s*([\w="'-.\/\s]*)\s*\]/gi
    app: {
      src: ['path/to/some/file.js', 'path/to/more/files/**/*.js'],
      dest: 'path/to/some/deploy/file.js',
      replacements : [{
        replace : '[APP_VERSION]', // could be a regular expression too 
        using : function (filePropsabc) {
            fileProps is a JSON object with path and dir properties
            where path is the path of the current processing file and
            the dir the is the dir of the current processed file.
            fileProps = { path : 'path/of/file.js', dir : 'path/of/' }
            a, b, c, d ==> are the default arguments of the replace function
            where a is the current text matched and b the first capture group
          // where the token [APP_VERSION] is found 
          // replace it with pkg.version 
          return pkg.version;
    appLoader: {
      src: ['path/to/several/files/**/*.js'],
      dest: 'path/to/out-put.js',
      replacements : [{
        replace : /\/\/<editor-fold desc="test-region">[\s\S.]*\/\/<\/editor-fold>/,
        //remove code that is only for testing purposes and which is inside the editor-fold region 
        using : '//CODE FOR TESTING REMOVED' // here we can use a string too, not only a function 

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using grunt.

  • 02/18/2013 - 0.1.8: Added some documentation.
  • 04/04/2012 - 0.1.0: Initial release.

Copyright (c) 2012 Roy Riojas This is based on the original grunt-less task Licensed under the MIT license.