gl

grunt-lessless

grunt plugin for lessless

Showing:

Popularity

Downloads/wk

1

GitHub Stars

0

Maintenance

Last Commit

9yrs ago

Contributors

1

Package

Dependencies

1

License

Type Definitions

Tree-Shakeable

No?

Categories

Readme

grunt-lessless

Grunt plugin for lessless, a tool that compiles LESS into CSS, changes links to point to the CSS files, removes less.js from HTML page(s). Very handy when you're using less.js in the browser but want to deploy CSS.

Getting Started

Install this grunt plugin next to your project's Gruntfile with: npm install grunt-lessless

Then add this line to your project's Gruntfile:

grunt.loadNpmTasks('grunt-lessless');

Documentation

Add this to your Gruntfile.js:

lessless: {
  buildDir: 'path/to/frontend-build'
}

If you're using RequireJS then buildDir should match dir from your requirejs settings. With grunt you can even point to the same variable:

lessless: {
  buildDir: '<%= requirejs.compile.options.dir %>'
}

There are also two optional settings:

lessless: {
  buildDir: 'path/to/frontend-build'
  styleDirs: ['path/to/my/extra/styles'], //directories to look in for imports. usually don't need since any folder containing a .less file gets added to this automatically
  stripExtensions: ['jsp', 'html'] //file extensions that have links to .less files. Defaults to just .html files.
}

So a Java project would typically set stripExtensions to ['jsp', 'html'] and a .NET project would set it to ['cshtml', 'html'].

Release History

0.1.0 initial release.

License

Copyright (c) 2012 Dave Geddes
Licensed under the MIT license.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100