@taskr/sass

@taskr/sass

Compile SASS with node-sass and Taskr.

Install

$ npm install --save-dev @taskr/sass

Usage

The paths within task.source() should always point to files that you want transformed into .css files.

Basic

exports.styles = function * (task) {
  yield task.source('src/styles/style.scss').sass().target('dist');
}

Multiple Bundles

Simply create an array of individual file paths.

exports.styles = function * (task) {
  yield task.source([
    'src/styles/client.scss',
    'src/styles/admin.scss'
  ]).sass().target('dist');
}

SASS vs SCSS

There is no need to set indentedSyntax -- the SASS parser will intelligently decipher if you are using the SASS syntax.

exports.styles = function * (task) {
  yield task.source([
    'src/styles/client.sass', // SASS
    'src/styles/admin.scss' // SCSS
  ]).sass().target('dist');
}

Sourcemaps

You may create source maps for your bundles. Simply provide the desired file path as outFile or sourceMap.

Important: It is recommended that you provide sourceMap your desired path. However, if sourceMap is true, you must then provide outFile your file path string.

exports.styles = function * (task) {
  yield task.source('src/app.sass')
    .sass({ sourceMap:'dist/css/app.css.map' })
    .target('dist');
}

// OR

exports.styles = function * (task) {
  yield task.source('src/app.sass')
    .sass({ sourceMap:true, outFile:'dist/css/app.css.map' })
    .target('dist');
}

API

.sass(options)

This plugin does not have any custom options. Please visit node-sass options for a full list of available options.

Note: You will not be able to set the file or data options. These are done for you & cannot be changed.

Support

Any issues or questions can be sent to the Taskr monorepo.

Please be sure to specify that you are using @taskr/sass.

License

MIT © Luke Edwards