Как добавить задачу gulp к существующей задаче наблюдения? - PullRequest
Новая
       47

Как добавить задачу gulp к существующей задаче наблюдения?

0 голосов
/ 10 ноября 2018

Я хочу добавить Browser Sync в gulpfile.js, и получилось так, как показано ниже.

Это сайт Drupal 8 на MAMP / apache 80.

У меня есть этот рабочий скрипт, когда я запускаю gulp runbsync. Я хотел бы добавить его в часы глотка.

Я пробовал разные методы, чтобы включить задачу в 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

...