# grunt-contrib-sass v0.8.1 [![Build Status: Linux](https://travis-ci.org/gruntjs/grunt-contrib-sass.png?branch=master)](https://travis-ci.org/gruntjs/grunt-contrib-sass) > Compile Sass to CSS ## Getting Started This plugin requires Grunt `>=0.4.0` If you haven't used [Grunt](http://gruntjs.com/) before, be sure to check out the [Getting Started](http://gruntjs.com/getting-started) guide, as it explains how to create a [Gruntfile](http://gruntjs.com/sample-gruntfile) as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command: ```shell 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: ```js grunt.loadNpmTasks('grunt-contrib-sass'); ``` ## Sass task _Run this task with the `grunt sass` command._ [Sass](http://sass-lang.com) is a preprocessor that adds nested rules, variables, mixins and functions, selector inheritance, and more to CSS. Sass files compile into well-formatted, standard CSS to use in your site or application. This task requires you to have [Ruby](http://www.ruby-lang.org/en/downloads/) and [Sass](http://sass-lang.com/download.html) installed. If you're on OS X or Linux you probably already have Ruby installed; test with `ruby -v` in your terminal. When you've confirmed you have Ruby installed, run `gem install sass` to install Sass. Note: Files that begin with "_" are ignored even if they match the globbing pattern. This is done to match the expected [Sass partial behaviour](http://sass-lang.com/documentation/file.SASS_REFERENCE.html#partials). ### Options #### sourcemap Type: `String` Default: `auto` Values: - `auto` - relative paths where possible, file URIs elsewhere - `file` - always absolute file URIs - `inline` - include the source text in the sourcemap - `none`- no sourcemaps **Requires Sass 3.4.0, which can be installed with `gem install sass`** #### trace Type: `Boolean` Default: `false` Show a full traceback on error. #### unixNewlines Type: `Boolean` Default: `false` on Windows, otherwise `true` Force Unix newlines in written files. #### check Type: `Boolean` Default: `false` Just check the Sass syntax, does not evaluate and write the output. #### style Type: `String` Default: `nested` Output style. Can be `nested`, `compact`, `compressed`, `expanded`. #### precision Type: `Number` Default: `5` How many digits of precision to use when outputting decimal numbers. #### quiet Type: `Boolean` Default: `false` Silence warnings and status messages during compilation. #### compass Type: `Boolean` Default: `false` Make Compass imports available and load project configuration (`config.rb` located close to the `Gruntfile.js`). #### debugInfo Type: `Boolean` Default: `false` Emit extra information in the generated CSS that can be used by the FireSass Firebug plugin. #### lineNumbers Type: `Boolean` Default: `false` 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` Default: `.sass-cache` The path to put cached Sass files. #### noCache Type: `Boolean` Default: `false` Don't cache to sassc files. #### bundleExec Type: `Boolean` Default: `false` Run `sass` with [bundle exec](http://gembundler.com/man/bundle-exec.1.html): `bundle exec sass`. #### banner Type: `String` Prepend the specified string to the output file. Useful for licensing information. *Can't be used if you use the `sourcemap` option.* #### update Type: `Boolean` Default: `false` Only compile changed files. ### Examples #### Example config ```javascript grunt.initConfig({ sass: { // Task dist: { // Target options: { // Target options style: 'expanded' }, files: { // Dictionary of files 'main.css': 'main.scss', // 'destination': 'source' 'widgets.css': 'widgets.scss' } } } }); grunt.loadNpmTasks('grunt-contrib-sass'); grunt.registerTask('default', ['sass']); ``` #### Compile ```javascript grunt.initConfig({ sass: { dist: { files: { 'main.css': 'main.scss' } } } }); ``` #### Concat and compile Instead of concatenating the files, just `@import` them into another `.sass` file eg. `main.scss`. #### Compile multiple files You can specify multiple `destination: source` items in `files`. ```javascript grunt.initConfig({ sass: { dist: { files: { 'main.css': 'main.scss', 'widgets.css': 'widgets.scss' } } } }); ``` #### Compile files in a directory Instead of naming all files you want to compile, you can use the `expand` property allowing you to specify a directory. More information available in the [grunt docs](http://gruntjs.com/configuring-tasks) - `Building the files object dynamically`. ```javascript grunt.initConfig({ sass: { dist: { files: [{ expand: true, cwd: 'styles', src: ['*.scss'], dest: '../public', ext: '.css' }] } } }); ``` ## Release History * 2014-08-24   v0.8.1   Fix `check` option. * 2014-08-21   v0.8.0   Support Sass 3.4 Source Map option. Add `update` option. * 2014-08-09   v0.7.4   Fix bundleExec option. Fix `os.cpus()` issue. Log `sass` command when `--verbose` flag is set. * 2014-03-06   v0.7.3   Only create empty dest files when they don't already exist. * 2014-02-02   v0.7.2   Fix error reporting when Sass is not available. * 2014-01-28   v0.7.1   Fix regression of Bundler support. * 2014-01-26   v0.7.0   Improve Windows support. * 2013-12-10   v0.6.0   Ignore files where filename have leading underscore. * 2013-08-21   v0.5.0   Add banner option. * 2013-07-06   v0.4.1   Use file.orig.src if file.src does not exist and return early to avoid passing non-existent files to sass binary. * 2013-06-30   v0.4.0   Rewrite task to be able to support Source Maps. Compile Sass files in parallel for better performance. * 2013-03-26   v0.3.0   Add support for `bundle exec`. Make sure `.css` files are compiled with SCSS. * 2013-02-15   v0.2.2   First official release for Grunt 0.4.0. * 2013-01-25   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-09   v0.2.2rc5   Updating to work with grunt v0.4.0rc5. Switching to this.files api. Add separator option. * 2012-11-05   v0.2.0   Grunt 0.4 compatibility. Improve error message when Sass binary couldn't be found * 2012-10-12   v0.1.3   Rename grunt-contrib-lib dep to grunt-lib-contrib. * 2012-10-08   v0.1.2   Fix regression for darwin. * 2012-10-05   v0.1.1   Windows support. * 2012-09-24   v0.1.0   Initial release. --- Task submitted by [Sindre Sorhus](http://github.com/sindresorhus) *This file was generated on Sun Aug 24 2014 16:51:41.*