1、它使用 Sass gem 编译 Sass,将结果输出到一个 gulp 流 2、安装命令:
- npm install --save-dev gulp-ruby-sass
下面是 gulp-ruby-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'));
- });
1、依赖于 node-sass 这个库, node-sass 是对 libsass 的 Node 绑定 2、安装命令:
- npm install gulp-sass --save-dev
gulp-ruby-sass 是调用 sass,所以需要 ruby 环境,需要生成临时目录和临时文件 gulp-sass 是调用 node-sass, 有 node.js 环境就够了,编译过程不需要临时目录和文件,直接通过 buffer 内容转换。
下面是 gulp-sass 编译的格式:
- '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']);
- });
来源: http://www.2cto.com/kf/201705/640129.html