为什么Gulp没有观看文件并将代码移动到所需位置?

时间:2016-01-06 03:36:21

标签: javascript gulp

这里我有我的gulp文件做基本的事情,如压缩我的CSS,uglifying我的JavaScript等。它似乎是从src/更新我的文件,并将其移入build/,用于我的CSS文件,但不是用于javascript文件。我似乎无法找到问题。没有错误代码或任何东西。

var gulp = require('gulp'), //Task runner
    uglify = require('gulp-uglify'), //Minimizies JS
    sass = require('gulp-ruby-sass'), //Compiles to CSS
    imagemin = require('gulp-imagemin'); // Minimize images

//Error look-out
function errorLog(error){
  console.error.bind(error);
  this.emit('end');
}

// Scripts
gulp.task('scripts', function(){
  gulp.src('src/js/*.js')
    .pipe(uglify())
    .on('error', errorLog)
    .pipe(gulp.dest('build/js'));
});

// Styles
gulp.task('styles', function(){
  return sass('src/css/*.sass',{
    style: 'compressed'
  })
  .on('error', errorLog)
  .pipe(gulp.dest('build/css'));
});

// Images
gulp.task('imagemin', function(){
  gulp.src('src/images/*')
  .pipe(imagemin())
  .pipe(gulp.dest('build/images'))
});

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

//Run task
gulp.task('default', ['scripts', 'styles', 'imagemin', 'watch']);

我的项目根目录的屏幕截图: enter image description here

我的任务运行器输出的屏幕截图: enter image description here

0 个答案:

没有答案