sass - 在 Gulp 或 Grunt 上运行 Dart Sass

Question

根据这篇文章，Ruby Sass 即将消失(除非有新的维护者接手)，并被 Dart 实现所取代:

Announcing Dart Sass

有谁知道是否有 Gulp 或 Grunt 的插件正在开发中？

Answer 1

几个月前，我正在做一个个人项目，想要 dart-sass 和 gulp，所以我做了自己的基本功能，直到其他人出现并做了更好的东西。我不记得当时 dart-sass 是哪个版本，但无论如何，这是这个功能。它就位于 gulpfile 中。

function sassify(options) {
  return through.obj(function (file, enc, cb) {
    options = options || {};
    options.file = file.path;
    // if (file.sourceMap) {
      // options.sourceMap = true;
      // options.outFile = output.path('css');
    // }
    sass.render(options, function (err, result) {
      if (err) {
        console.error("Sass Error: " + err.message);
      }
      else {
        file.contents = result.buffer;
        // if (file.sourceMap) {
          // applySourceMap(file, result.map);
        // }
      }
      cb(err, file);
    });
  });
}

当时，dart-sass 还没有源映射，所以我只是将这些东西插入并在它们有源映射时将其注释掉。 我这样使用这个函数:

gulp.task('build:css', function () {
  gulp.src(input.sass)
    // .pipe(sourcemaps.init())
    .pipe(sassify())
    // .pipe(sourcemaps.write(output.path('cssmap')))
    .pipe(concat(output.path('css')))
    .pipe(gulp.dest('.'));
});