@lmcd/gulp-dartsass

gulp-dartsass is a Sass-wrapper for Gulp with support for the modern API's custom file importers and functions.

Installation

To use gulp-dartsass, you must install both gulp-dartsass itself and the sass package.

1npm install --save-dev @lmcd/gulp-dartsass sass

Usage

gulp-dartsass supports both sync and async compilation. You should only use async compilation when utilising async custom importers. Otherwise, sync compilation is preferred for speed.

For sync compilation:

1import { src, dest } from 'gulp';
2import { sync } from '@lmcd/gulp-dartsass';
3import sass from 'sass';
4
5export function compile() {
6  return src('./sass/**/*.scss')
7    .pipe(sync(sass))
8    .pipe(dest('./css'));
9};

Or for async compilation:

1import { src, dest } from 'gulp';
2import { async } from '@lmcd/gulp-dartsass';
3import sass from 'sass';
4
5export function compile() {
6  return src('./sass/**/*.scss')
7    .pipe(async(sass))
8    .pipe(dest('./css'));
9};

API

1import { sync, async } from '@lmcd/gulp-dartsass';

gulp-dartsass exports both sync and async factory methods with the following signature:

1(sass: SassCompiler, options?: Record<string, any>)

Where:

• SassCompiler must be the sass package.
• options is passed directly to Sass and should match Sass' Options interface.

Sourcemaps

Gulp's src and dest built-in support for sourcemaps is the preferred way to use include sourcemaps in your output. However, gulp-dartsass will also function with gulp-sourcemaps.

1import { src, dest } from 'gulp';
2import { sync } from '@lmcd/gulp-dartsass';
3import sass from 'sass';
4 
5export function compile() {
6  return src('./sass/**/*.scss', { sourcemaps: true })
7  	.pipe(sync())
8  	.pipe(dest('./css', { sourcemaps: true }));
9};

Tests

Tests are written with Jest. However, as the virtualisation employed by Jest is not presently compatible with Sass, jest-light-runner is used as the runner.

Implementation notes

• This plugin does not support legacy/deprecated versions of sass, such as LibSass/Node Sass. Nor does it support Gulp versions earlier than Gulp 4.
• This plugin does not support Sass's legacy API options.
• Passing a character-encodings other than UTF-8 is not explicitly disallowed, but the results are indeterminate.

License

This repository is licensed under the MIT license.