0

以下是我面临此错误的代码，请帮我解决这个问题，我会很高兴得到明确的答案___

一切运行顺利，但除非我保存文件，否则会出现以下错误

错误：任务“sass”不在您的 gulpfile 中

    // require gulp
var gulp = require('gulp');

// require other packages
var concat = require('gulp-concat'),
cssmin = require('gulp-minify-css'),
rename = require("gulp-rename"),
sass = require('gulp-sass'),
browserSync = require('browser-sync'),
uglify = require('gulp-uglify'),
imagemin = require('gulp-imagemin'),
autoprefix = require('gulp-autoprefixer');
changed = require('gulp-changed'),


// scripts task
gulp.task('scripts', function() {
  return gulp.src('./src/js/*.js')
  .pipe(concat('app.js'))
  .pipe(gulp.dest('./dist/js/'))
  .pipe(uglify())
  .pipe(rename({
    suffix: '.min'
  }))
  .pipe(gulp.dest('./dist/js/'));
});

// styles task and autoprefix
gulp.task('styles', function() {
  gulp.src(['./src/sass/*.scss'])
  .pipe(autoprefix('last 2 versions'))
  .pipe(sass())
  .pipe(concat('styles.css'))
  .pipe(cssmin())
  .pipe(rename({
    suffix: '.min'
  }))
  .pipe(gulp.dest('./dist/css/'));
});


// browser sync
gulp.task('browser-sync', ['styles'], function() {
  browserSync({
    server: {
      baseDir: ''
    },
    notify: false
  });
  gulp.watch("./src/sass/*.scss", ['scss']);
  gulp.watch("*.html").on('change', browserSync.reload);
});

// watch task
gulp.task('watch', function() {
  gulp.watch('./src/js/*.js', ['scripts']);
  gulp.watch('./src/sass/*.scss', ['styles']);
});

// image minification
gulp.task('imagemin', function() {
  var imgSrc = './src/img/**/*',
  imgDst = './dist/img';

  gulp.src(imgSrc)
  .pipe(changed(imgDst))
  .pipe(imagemin())
  .pipe(gulp.dest(imgDst));
});

gulp.task('default', ['scripts', 'styles', 'browser-sync', 'imagemin', 'watch']);
4

1 回答 1

1

实际上，您没有定义“浏览器同步”文件下标记为可靠的“sass”任务或“scss”任务。

尝试更换：

gulp.watch("./src/sass/*.scss", ['scss']);

和

gulp.watch("./src/sass/*.scss", ['styles']);
于 2017-05-15T11:13:48.983 回答