In this recipe, we'll make use of the contrib-coffee (0.11.0)
plugin to generate source maps when compiling our CoffeeScript source files to JavaScript.
In this example, we'll work with the basic project structure that we created in the Compiling CoffeeScript to JavaScript recipe of this chapter. Be sure to refer to it if you are not yet familiar with its contents.
The following steps will take us through altering our configuration to generate a source map when compiling our CoffeeScript source files to JavaScript:
First, we'll indicate that we'd like to generate a source map by setting the
sourceMap
option totrue
in ourcoffee
task's configuration:sass: { styles: { options: { sourceMap: true }, src: 'styles.scss', dest: 'styles.css' } }
Then, we can run the task by using the
grunt coffee
command, which should produce output similar to the following:Running "coffee:main" (coffee) task >> 1 files...