javascript - Gulp 通过观察任务来连接和缩小

Question

我正在尝试设置一些 Gulp 任务。我想连接一些 JS 文件，缩小它们以创建 1 个 JS 文件，但我希望每次在原始 JS 文件中进行更改时都完成此操作，但我似乎无法让“watch”任务正常运行

这是我的 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');
});

Answer 1

有几件事。你需要在你的“观看”任务，所以

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

并将“缩小”任务的第一行简化为

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

您不需要在那里再次调用“watch”任务。最后你将运行整个事情

gulp watch