从gulp 3.x迁移到gulp 4.x时,浏览器同步、脚本和样式重新加载不起作用

从gulp 3.x迁移到gulp 4.x时,浏览器同步、脚本和样式重新加载不起作用,gulp,gulp-watch,gulp-browser-sync,Gulp,Gulp Watch,Gulp Browser Sync,我正在尝试将gulp从3.x升级到4.x 使用gulp watch时,样式、脚本和注入功能运行良好。但当我更改任何文件时,需要自动加载脚本和样式。这是行不通的 我已经尝试将gulp.series添加到每个函数中 function isOnlyChange(event) { return event.type === 'changed'; } gulp.watch([ path.join(conf.paths.src, '/app/**/*.css

我正在尝试将gulp从3.x升级到4.x 使用gulp watch时,样式、脚本和注入功能运行良好。但当我更改任何文件时,需要自动加载脚本和样式。这是行不通的

我已经尝试将gulp.series添加到每个函数中

    function isOnlyChange(event) {
      return event.type === 'changed';
      }

   gulp.watch([
     path.join(conf.paths.src, '/app/**/*.css'),
     path.join(conf.paths.src, '/app/**/*.scss')
    ], gulp.series(function (event) {
        if (isOnlyChange(event)) {
          gulp.series('styles-reload');
       } else {
         gulp.series('inject-reload');
       }
   }));
当我在样式文件中进行更改时,Gulp watch需要重新加载样式,但这不起作用。
有人能帮我看看如何在gulp 4.x中表演吗你可以试试这样:

function myWatch() {

  gulp.watch(['./scss/*.scss'], { events: 'change' }, function (cb) {
    console.log("here 1");
    // gulp.series('styles-reload');
    cb();
  });

  gulp.watch(['./scss/*.scss'], { events: ['add', 'addDir', 'unlink', 'unlinkDir', 'ready', 'error'] }, function (cb) {
    console.log("here 2");
    // gulp.series('inject-reload');
    cb();
  });
}

请参阅以查看可包含在第二次
吞咽中的事件的描述。watch

问题是,对于我来说,更改事件上的browserSync本身不起作用。然后,您必须编辑问题以显示browserSync代码。以及
样式重载
注入重载
任务。我将在此处附加样式重载、注入重载功能。