0

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

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']);

在此处输入图像描述

4

1 回答 1

0

当你使用 gulp-ruby-sass 时,你应该直接调用它而不是使用 gulp.src(),像这样:

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

或者,您可以 requiregulp-sass而不是gulp-ruby-sass.

于 2017-01-01T01:21:48.620 回答