O'Reilly logo

Grunt Cookbook by Jurie-Jan Botha

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Generating source maps for LESS

In this recipe, we'll make use of the contrib-less (0.11.4) plugin to generate source maps when compiling our LESS style sheets to CSS.

Getting ready

In this example, we'll work with the basic project structure that we created in the Compiling LESS to CSS recipe of this chapter. Be sure to refer to it if you are not yet familiar with its contents.

How to do it...

The following steps will take us through compiling our LESS style sheet to a CSS file, which contains both our source map and the source style sheet:

  1. First, we'll indicate that we'd like to generate a source map by setting the sourceMap option to true in our less task's configuration:
    less: {
      styles: {
        options: {
          sourceMap: true }, src: 'styles.less', dest: 'styles.css' ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required