grunt-contrib-sass

Compile Sass to CSS

Getting Started

This plugin requires Grunt ~0.4.0

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-contrib-sass --save-dev

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

grunt.loadNpmTasks('grunt-contrib-sass');

Sass task

Run this task with the grunt sass command.

This task requires you to have Ruby and Sass. If you're on OS X or Linux you probably already have Ruby installed, try ruby -v in your terminal. When you've confirmed you have Ruby installed, run gem install sass to install Sass.

Options

trace

Type: Boolean

Show a full traceback on error.

unixNewlines

Type: Boolean

Force Unix newlines in written files.

check

Type: Boolean

Just check syntax, don't evaluate.

style

Type: String

Output style. Can be nested (default), compact, compressed, or expanded.

precision

Type: Number

How many digits of precision to use when outputting decimal numbers. Defaults to 3.

quiet

Type: Boolean

Silence warnings and status messages during compilation.

compass

Type: Boolean

Make Compass imports available and load project configuration.

debugInfo

Type: Boolean

Emit extra information in the generated CSS that can be used by the FireSass Firebug plugin.

lineNumbers

Type: Boolean

Emit comments in the generated CSS indicating the corresponding source line.

loadPath

Type: String|Array

Add a (or multiple) Sass import path.

require

Type: String|Array

Require a (or multiple) Ruby library before running Sass.

cacheLocation

Type: String

The path to put cached Sass files. Defaults to .sass-cache.

noCache

Type: Boolean

Don't cache to sassc files.

Examples

Example config

grunt.initConfig({
  sass: {                              // Task
    dist: {                            // Target
      files: {                         // Dictionary of files
        'main.css': 'main.scss',       // 'destination': 'source'
        'widgets.css': 'widgets.scss'
      }
    },
    dev: {                             // Another target
      options: {                       // Target options
        style: 'expanded'
      },
      files: {
        'main.css': 'main.scss',
        'widgets.css': [
          'button.scss',
          'tab.scss',
          'debug.scss'  // Maybe you need one extra file in dev
        ]
      }
    }
  }
});

grunt.loadNpmTasks('grunt-contrib-sass');

grunt.registerTask('default', ['jshint', 'sass']);

Compile

grunt.initConfig({
  sass: {
    dist: {
      files: {
        'main.css': 'main.scss'
      }
    }
  }
});

Concat and compile

If you specify an array of src paths they will be concatenated. However, in most cases you would want to just @import them into main.scss.

grunt.initConfig({
  sass: {
    dist: {
      files: {
      'main.css': [
          'reset.scss',
          'main.scss'
        ]
      }
    }
  }
});

Compile multiple files

You can specify multiple destination: source items in files.

grunt.initConfig({
  sass: {
    dist: {
      files: {
        'main.css': 'main.scss',
        'widgets.css': 'widgets.scss'
      }
    }
  }
});

Release History

• 2013-02-14   v0.2.2   First official release for Grunt 0.4.0.
• 2013-01-24   v0.2.2rc7   Updating grunt/gruntplugin dependencies to rc7. Changing in-development grunt/gruntplugin dependency versions from tilde version ranges to specific versions.
• 2013-01-08   v0.2.2rc5   Updating to work with grunt v0.4.0rc5. Switching to this.files api. Add separator option.
• 2012-11-04   v0.2.0   Grunt 0.4 compatibility. Improve error message when Sass binary couldn't be found
• 2012-10-11   v0.1.3   Rename grunt-contrib-lib dep to grunt-lib-contrib.
• 2012-10-07   v0.1.2   Fix regression for darwin.
• 2012-10-04   v0.1.1   Windows support.
• 2012-09-23   v0.1.0   Initial release.

---

Task submitted by Sindre Sorhus

This file was generated on Wed Feb 20 2013 12:36:03.