Skip to content

Files

Latest commit

Jul 27, 2017
f254e6d · Jul 27, 2017

History

History

sass

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Jun 17, 2017
Jun 17, 2017
Jul 27, 2017
Jun 17, 2017

@taskr/sass npm

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