我对 gulp-ruby-sass 有疑问。当我尝试运行时watch任务并更改一些 .sass 文件时会出现错误:
TypeError: Arguments to path.join must be strings
这是我的 gulpfile.js
var gulp = require('gulp');
var jade = require('gulp-jade');
var sass = require('gulp-ruby-sass');
var watch = require('gulp-watch');
gulp.task('sass', function() {
return gulp.src('sass/*.sass')
.pipe(sass())
.pipe(gulp.dest('./css'));
});
gulp.task('watch', function() {
gulp.watch('./sass/*.sass', ['sass']);
})
我使用了 gulp-slash 但它不起作用。
随着语法变化 https://github.com/sindresorhus/gulp-ruby-sass/tree/rw/1.0#usage in gulp-ruby-sass从 1.0.0-alpha 开始,您需要使用gulp-ruby-sass()
代替gulp.src()
从文件或目录编译 Sass。
如果您尝试在较新或最新版本中使用原始语法,您可能会遇到以下错误:
TypeError: Arguments to path.join must be strings
例如,0.7.x 及更早版本中使用 gulp.src() 的原始语法现已弃用:
var gulp = require('gulp');
var sass = require('gulp-ruby-sass');
// gulp-ruby-sass: 0.7.1
gulp.task('sass', function() {
return gulp.src('path/to/scss')
.pipe(sass({ style: 'expanded' }))
.pipe(gulp.dest('path/to/css'));
});
1.x 中引入的新语法使用 gulp-ruby-sass() 作为 gulp 源适配器:
// gulp-ruby-sass: 1.x
gulp.task('sass', function() {
return sass('path/to/scss', { style: 'expanded' })
.pipe(gulp.dest('path/to/css'));
});
请注意 return 语句第一行的差异。
另请记住,截至撰写本文时,使用 gulp-ruby-sass 1.0.0-alpha 时,尚不支持 glob。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)