grunt-dart-sass

Compile Sass to CSS via Dart Sass

Getting Started

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 -D sass grunt-dart-sass

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

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

Usage

Run this task with the grunt dart-sass command.

Options

Refer to the Dart Sass JavaScript API for more information about options and guidelines for proper usage. Dart Sass options are similar to the those of Node-sass, excluding precision and sourceComments options and sans the nested and compact values for the outputStyle option.

Examples

Add a section named dart-sass to the data object passed into grunt.initConfig(), then pass in your files object or array.

Compile a file

grunt.initConfig({
  'dart-sass': {
    target: {
      files: {
        'dest/css/style.css': 'src/scss/style.scss'
      }
    }
  }
});

Compile all files within a folder

grunt.initConfig({
  'dart-sass': {
    target: {
      files: [{
        expand: true,
        cwd: 'src/scss/',
        src: ['*.scss'],
        dest: 'dest/css',
        ext: '.css'
      }]
    }
  }
});

Compress the CSS output

grunt.initConfig({
  'dart-sass': {
    target: {
      options: {
        outputStyle: 'compressed'
      },
      files: {
        'dest/css/style.css': 'src/scss/style.scss'
      }
    }
  }
});

Prevent the creation of source maps

grunt.initConfig({
  'dart-sass': {
    target: {
      options: {
        sourceMap: false
      },
      files: {
        'dest/css/style.css': 'src/scss/style.scss'
      }
    }
  }
});