2016-12-31 17 views
0

我在这里看过一些答案,但我对此完全陌生,所以我无法理解。有人可以看看我的代码,告诉我可能出了什么问题。另外如果你能解释这个错误的含义。 附件是我的终端的屏幕截图。 这里是我的gulp.js文件:全局模式字符串错误 - gulp-ruby-sass

var gulp = require('gulp'), 
gutil = require('gulp-util'), 
uglify = require('gulp-uglify'), 
sass = require('gulp-ruby-sass'), 
concat = require('gulp-concat'), 
livereload = require('gulp-livereload'), 
lr = require('tiny-lr'), 
server = lr(); 

var jsSources = [ 
    'components/scripts/scriptOne.js', 
    'components/scripts/scriptTwo.js' 
]; 


var sassSources = [ 
    'components/sass/*.scss' 
]; 

gulp.task('js', function() { 
    gulp.src(jsSources) 
     .pipe(uglify()) 
     .pipe(concat('scripts.js')) 
     .pipe(gulp.dest('js')); 
}); 

gulp.task('sass', function() { 
    gulp.src(sassSources) 
    .pipe(sass({style: 'expanded', lineNumbers: true})) 
    .pipe(concat('style.css')) 
    .pipe(gulp.dest('css')) 
    .pipe(livereload()); 
}); 

gulp.task('watch', function() { 
    var server = livereload(); 
    gulp.watch(jsSources, ['js']); 
    gulp.watch(sassSources, ['sass']); 
    gulp.watch(['js/scripts.js', '*.html'], function (e) { 
    server.changed(e.path); 
}); 
}); 
gulp.task('default', ['sass', 'js', 'watch']); 

enter image description here

回答

0

当您使用一饮而尽,红宝石萨斯,你应该直接调用它,而不是使用gulp.src(),像这样:

gulp.task('sass', function() { 
    sass(sassSources) 
    .pipe(concat('style.css')) 
    .pipe(gulp.dest('css')) 
    .pipe(livereload()); 
}); 

或者,您可以要求gulp-sass而不是gulp-ruby-sass

+0

这是如此奇怪,我正在按照一个视频教程,它建议使用gulp.src()。但显然它不适合我。你推荐的工作。谢谢! –