Grunt-less-to-sass NPM

Grunt-less-to-sass

Convert LESS files to SASS (.scss)

Getting Started

This plugin requires Grunt ~0.4.5

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-less-to-sass --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-less-to-sass');

Options

excludes

Description: An Array-List of replacements name to excludes. See all replacements
Type: Array
Default: []
Example: ['default'];

replacements

Description: An Array of custom replacements.
Type: Array
Default: []
Example:

[{
  pattern: /(\s+)\.([\w\-]*)\s*\((.*)\);/gi,
  replacement: '$1@include $2($3)',
  order: 2 // order of execution 
}];

Usage Examples

  convert: {
    files: [{
      expand: true,
      cwd: 'test/fixtures',
      src: ['*.less'],
      ext: '.scss',
      dest: 'test/expected'
    }]
  },
  excludes_replacements: {
    files: [{
      expand: true,
      cwd: 'test/fixtures',
      src: ['*.less'],
      ext: '.scss',
      dest: 'test/expected'
    }],
    options: {
      excludes: ['default']
    }
  },
  convert_within_custom_replacements: {
    files: [{
      expand: true,
      cwd: 'test/fixtures',
      src: ['default.less'],
      ext: '.scss',
      dest: 'test/expected'
    }],
    options: {
      replacements: [{
        pattern: /(\s+)\.([\w\-]*)\s*\((.*)\);/gi,
        replacement: '$1@include $2($3)',
        order: 2
      }]
    }
  }