gulp-ruby-sass与gulp-sass
2018-01-03 22:26
155 查看
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插件gulp-ruby-sass和livereload插件
- gulp-ruby-sass与gulp-sass的区别
- za-安装ruby--sass的编译
- 使用gulp管理sass文件
- sass、git、ruby的安装与使用。
- windows下搭建Ruby+Sass环境
- ruby环境sass编译,写入中文出现语法错误
- 安装 SASS 失败,提示‘mkmf.rb can't find header files for ruby at /usr/share/include/ruby.h’
- npm安装gulp-sass报错: checking for Python executable "python2" in the PATH
- 前端开发环境之GRUNT自动WATCH压缩JS文件与编译SASS文件环境下Ruby安装sass常见错误分析
- [Ruby on Rails系列]5、专题:Talk About SaSS
- 从node到gulp的安装以及sass的编译(真的适合零基础'吧')
- 使用gulp+browser-sync搭建Sass自动化编译以及自动刷新
- Window 系统下 Ruby安装, Sass安装 ,Compass安装
- lnmp git ruby sass 安装
- ruby安装以及sass的配置
- 安装 ruby, sass 和 compass
- 使用gulp将sass转化成css
- 续Gulp使用入门编译Sass