gulp-ruby-sass与gulp-sass

Posted 小向光

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp-ruby-sass与gulp-sass相关的知识,希望对你有一定的参考价值。

gulp-ruby-sass

它使用Sass gem编译Sass,将结果输出到一个gulp流
安装命令npm install –save-dev gulp-ruby-sass
注意:使用gulp-ruby-sass而不是gulp.src来编译Sass文件

var gulp = require('gulp');
var sass = require('gulp-ruby-sass');

gulp.task('sass', function () 
  return sass('source/file.scss')
    .on('error', sass.logError)
    .pipe(gulp.dest('result'));
);

gulp-sass

  • 依赖于node-sass这个库,node-sass是对libsass的Node绑定
  • 安装命令 npm install gulp-sass --save-dev
'use strict';

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('sass', function () 
  return gulp.src('./sass/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./css'));
);

gulp.task('sass:watch', function () 
  gulp.watch('./sass/**/*.scss', ['sass']);
);

两者不同

gulp-ruby-sass是调用sass,所以需要ruby环境,需要生成临时目录和临时文件。
gulp-sass是调用node-sass,有node.js环境就够了,编译过程不需要临时目录和文件,直接通过buffer内容转换。

以上是关于gulp-ruby-sass与gulp-sass的主要内容,如果未能解决你的问题,请参考以下文章

gulp 与 gulp-ruby-sass:错误:../style.css.map:3:1:未知单词

如何使用 Gulp 编译不同目录中的 SASS 文件?

gulp-ruby-sass - 'sass' 不是内部或外部命令、可运行程序或批处理文件

使用 Bower 安装 Gulp-Sass 时出现 ENOTFound 错误

gulp-ruby-sass 在 Windows 中不是公认的命令

GulpJS:我不希望 gulp-ruby-sass 循环遍历所有 sass 文件