Question

我想将Browser Sync添加到gulpfile.js，并得到如下内容。

这是MAMP / Apache 80上的Drupal 8网站。

运行gulp runbsync时，我有这个工作脚本。我想将其添加到gulp watch中。

我尝试了各种方法来将任务包含在gulp.task('watch:css',中，但所有方法都失败了。

  var browserSync = require('browser-sync').create(),
      reload = browserSync.reload;

    //define task
    gulp.task('bsync', function () {
        //spin up dev server
        browserSync.init({
          proxy: "dev.sitename.local",
          hostname: "dev.sitename.local",
          port: 3000, //even if apache is running on 80 or something else
        });

        //when css files change, reload browserSync 
        gulp.watch('./css/*.css').on('change', function () {
            browserSync.reload();
        });

    });

    //call task with 'gulp runbsync'
    gulp.task('runbsync', ['bsync']);

手表零件是：

// The default task.
gulp.task('default', ['build']);

// Build everything.
gulp.task('build', ['sass', 'drush:cc', 'lint']);

// Default watch task.
// @todo needs to add a javascript watch task.
gulp.task('watch', ['watch:css']);

// Watch for changes for scss files and rebuild.
gulp.task('watch:css', ['sass', 'drush:cc', 'lint:sass'], function () {
  return gulp.watch(options.theme.scss + '**/*.scss', options.gulpWatchOptions, ['sass', 'drush:cc', 'lint:sass']);
});

我不知道文件的其他部分是否必要，因此我将它们留在此处并进行了回购（您甚至可以发送拉取请求）

https://github.com/petergus/D8-zurb-foundation-gulp-browsersync/blob/master/gulpfile.js

如何将gulp任务添加到现有的watch任务？

0 个答案: