2017-09-14 44 views
0

我正在尝试设置一些Gulp任务。我想连接一些JS文件,缩小它们以创建1个JS文件,但是我希望每次在原始JS文件中进行更改时都会完成此操作,但我似乎无法正确运行“监视”任务Gulp concat并用手表任务进行缩小操作

这是我Gulpfile.js

gulp.task('minify', ['watch', 'scripts'], function(){ 
    gulp.src('themes/corp-fluid/js/dist/**/*.js') 
      .pipe(minify({ 
      ext:{ 
       src:'-debug.js', 
       min:'.js' 
      }, 
      ignoreFiles: ['-min.js'] 
      })) 
      .pipe(gulp.dest('themes/corp-fluid/js/dist')); 
}); 

gulp.task('scripts', function(){ 
    return gulp.src(['themes/corp-fluid/js/slick.js', 'themes/corp-fluid/js/functions.js']) 
      .pipe(concat('main.js')) 
      .pipe(gulp.dest('themes/corp-fluid/js/dist')); 
}); 

gulp.task('watch', function(){ 
    gulp.watch('themes/corp-fluid/js/**/*.js'); 
}); 
+1

在这里,我已经证明小一饮而尽启动应用程序检查https://github.com/wavemeetu/gulp-seed-app 以缩小文件,并合并成一个单一运行整个事情文件 –

+0

Thanx,我用你的方法,它的工作原理:) – Larsmanson

回答

1

几件事情。你需要调用的东西在你的 “手表”的任务,所以

gulp.task('watch', function(){ 
    gulp.watch('themes/corp-fluid/js/**/*.js', ['minify']); 
}); 

,并简化您的“缩小”任务的第一线,

gulp.task('minify', ['scripts'], function(){ 

你不需要调用“手表'再次有任务。最后,你将与

gulp watch