grunt-dart-sass

Compile Sass to CSS via Dart Sass

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
grunt-dart-sass
1212.0.12 years ago5 years agoMinified + gzip package size for grunt-dart-sass in KB

Readme

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'
      }
    }
  }
});