Question

我无法弄清楚如何使用 gulp-watch 观看新文件，并在使用 browserSync 时应用 gulp-image 。 ..当我在我的图像文件夹（./fixtures/*）中添加新图像时，没有任何反应。我会在命令行中手动完成，但我必须关闭我的browserSync（不是真正可行的解决方案）。所以...这就是我的gulpfile.js的样子：

File.WriteAllText(Application.persistentDataPath + "data/MyFile.txt", result);

Answer 1

修改seve任务，如下所示：

gulp.task('serve', function() {

  browserSync.init({
    server: {
      baseDir: output
    }
  });

  gulp.watch(input, ['styles']);
  gulp.watch("./**/*.html").on('change', browserSync.reload);
  // gulp.watch('./fixtures/*.{png,jpg,jpeg,gif,svg}', ['image']);
  gulp.watch('fixtures/*.{png,jpg,jpeg,gif,svg}', {cwd: './'} ['image']);
});

然后简化图像＆＃39;任务：

gulp.task('image', function() {
 return gulp.src('./fixtures/*.{png,jpg,jpeg,gif,svg}')
  .pipe(image())
  .pipe(gulp.dest('./img'));
});

您可能希望将gulp-cached或gulp-remember添加到图像管道中，这样每次更改或添加图像时都不会缩小所有图像。

另外，请记住将return语句添加到您的任务中，就像我使用image一样; ＆＃39;风格＆＃39;任务需要一份退货声明。

编辑：看到上面的编辑，看起来像gulp.watch不喜欢以＆＃34; ./"开头的水珠。来自其他问题，例如gulp.watch not watching added or deleted files。我虽然没有为自己测试过这个。

GULP：如何在使用browserSync时观看新图像？

1 个答案: