fly-sass

Node Sass plugin for Fly

Usage no npm install needed!

<script type="module">
  import flySass from 'https://cdn.skypack.dev/fly-sass';
</script>

README

fly-sass npm package

Compile SASS (via node-sass) with Fly

Install

npm install --save-dev fly-sass

Usage

The globs within source() should always point to individual files.

Basic

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

Multiple Bundles

Simply create an array of individual file paths.

exports.styles = function * (fly) {
  yield fly.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 * (fly) {
  yield fly.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 a true, you must then provide outFile your file path string.

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

// OR

exports.styles = function * (fly) {
  yield fly.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.

License

MIT © Fly

A big thanks to Tomoyuki Kashiro for donating the plugin to Fly!