1

我想将 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

4

0 回答 0