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 Sass

In this recipe, we'll make use of the sass (0.12.1) plugin to generate source maps when compiling our Sass style sheets to CSS.

Getting ready

In this example, we'll work with the basic project structure that we created in the Compiling Sass to CSS recipe in 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 altering our configuration so that a source map is generated when our Sass style sheet is compiled to CSS:

  1. First, we'll indicate that we'd like to generate a source map by setting the sourceMap option to true in our sass task's configuration:
    sass: {
      styles: {
        options: {
          sourceMap: true }, src: 'styles.scss', 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