npmpackage.info

Gathering detailed insights and metrics for gulp-dart-sass

Other packages similar to gulp-dart-sass

@types/gulp-dart-sass

1.0.5

TypeScript definitions for gulp-dart-sass

gulp-sass

6.0.0

Gulp plugin for sass

sass

1.81.0

A pure JavaScript implementation of Sass.

sass-loader

16.0.3

Sass loader for webpack

Gathering detailed insights and metrics for gulp-dart-sass

gulp-dart-sass

SASS plugin for gulp

1.1.0

MIT

JavaScript

7,863,261 2.8

Installations

npm install gulp-dart-sass

Score

49.8

Supply Chain

97.9

Quality

72.9

Maintenance

100

Vulnerability

99.3

License

Pull Requests

Open

0

Total

5

Closed

1

Merged

4

Issues

Open

0

Total

0

Closed

0

Releases

v1.1.0

Published on 05 Apr 2023

v1.0.3

Published on 05 Apr 2023

v1.0.2

Published on 25 Apr 2020

v1.0.1

Published on 18 Apr 2020

1.0.0

v1.0.0

Published on 03 Apr 2020

View all 5 releases

Developer

mattdsteele

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

>=14

Typescript Support

No

Node Version

18.15.0

NPM Version

9.5.0 Statistics

41 Stars

319 Commits

5 Forks

6 Watching

4 Branches

1 Contributors

Updated on 16 May 2024

Languages

JavaScript (93.78%)

SCSS (3.67%)

CSS (2.17%)

Sass (0.38%)

Total Downloads

Cumulative downloads

Total Downloads

7,863,261

Last day

-36.7%

7,565

Compared to previous day

Last week

-10.5%

37,293

Compared to previous week

Last month

19.6%

154,388

Compared to previous month

Last year

2.1%

1,656,442

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

chalk lodash.clonedeep plugin-error replace-ext sass strip-ansi through2 vinyl-sourcemaps-apply

Dev Dependencies

autoprefixer eslint eslint-config-airbnb-base eslint-plugin-import globule gulp gulp-postcss gulp-sourcemaps gulp-tap mocha rimraf should vinyl

Versions

gulp-dart-sass

Sass plugin for Gulp, using the Dart Sass compiler.

Support

Only Active LTS and Current releases are supported.

Install

npm install gulp-dart-sass --save-dev

Basic Usage

Something like this will compile your Sass files:

1'use strict';
2
3var gulp = require('gulp');
4var sass = require('gulp-dart-sass');
5
6gulp.task('sass', function () {
7  return gulp.src('./sass/**/*.scss')
8    .pipe(sass().on('error', sass.logError))
9    .pipe(gulp.dest('./css'));
10});
11
12gulp.task('sass:watch', function () {
13  gulp.watch('./sass/**/*.scss', ['sass']);
14});

You can also compile synchronously, doing something like this:

1'use strict';
2
3var gulp = require('gulp');
4var sass = require('gulp-dart-sass');
5
6gulp.task('sass', function () {
7  return gulp.src('./sass/**/*.scss')
8    .pipe(sass.sync().on('error', sass.logError))
9    .pipe(gulp.dest('./css'));
10});
11
12gulp.task('sass:watch', function () {
13  gulp.watch('./sass/**/*.scss', ['sass']);
14});

Options

Pass in options just like you would for node-sass; they will be passed along just as if you were using dart-sass. Except for the data option which is used by gulp-dart-sass internally. Using the file option is also unsupported and results in undefined behaviour that may change without notice.

For example:

1gulp.task('sass', function () {
2 return gulp.src('./sass/**/*.scss')
3   .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
4   .pipe(gulp.dest('./css'));
5});

Source Maps

gulp-dart-sass can be used in tandem with gulp-sourcemaps to generate source maps for the Sass to CSS compilation. You will need to initialize gulp-sourcemaps prior to running gulp-dart-sass and write the source maps after.

1var sourcemaps = require('gulp-sourcemaps');
2
3gulp.task('sass', function () {
4 return gulp.src('./sass/**/*.scss')
5  .pipe(sourcemaps.init())
6  .pipe(sass().on('error', sass.logError))
7  .pipe(sourcemaps.write())
8  .pipe(gulp.dest('./css'));
9});

By default, gulp-sourcemaps writes the source maps inline in the compiled CSS files. To write them to a separate file, specify a path relative to the gulp.dest() destination in the sourcemaps.write() function.

1var sourcemaps = require('gulp-sourcemaps');
2gulp.task('sass', function () {
3 return gulp.src('./sass/**/*.scss')
4  .pipe(sourcemaps.init())
5  .pipe(sass().on('error', sass.logError))
6  .pipe(sourcemaps.write('./maps'))
7  .pipe(gulp.dest('./css'));
8});

Issues

gulp-dart-sass is a very light-weight wrapper around dart-sass, which is a port of Sass. Because of this, the issue you're having likely isn't a gulp-dart-sass issue, but an issue with one of those projects.

If you have a feature request/question how Sass works/concerns on how your Sass gets compiled/errors in your compiling, it's likely a dart-sass or Sass issue and you should file your issue with one of those projects.

If you're having problems with the options you're passing in, it's likely a dart-sass or libsass issue and you should file your issue with one of those projects.

We may, in the course of resolving issues, direct you to one of these other projects. If we do so, please follow up by searching that project's issue queue (both open and closed) for your problem and, if it doesn't exist, filing an issue with them.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

3

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.8

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More