在聚合物自定义构建的gulpfile中放置浏览器同步的正确位置在哪里？

Question

我正在使用最新的https://github.com/PolymerElements/generator-polymer-init-custom-build

并希望将浏览器同步添加到Polymer custom-build gulpfile.js

但我不明白在聚合物定制的gulpfile.js中哪里才是合适的位置

您能提供一个如何将浏览器同步整合到定制构建的gulpfile.js中的示例吗？

Answer 1

我最终使用了https://github.com/seaneking/generator-polymer-element的生成器。

这是我的工作gulpfile.js：https://jsfiddle.net/svantetobias/qqwcrwcf/1/

我认为这里的关键部分是：

// Core deps
// Using require() because of rollup babel preset
const gulp = require('gulp');
const gulprun = require('run-sequence');
const browserSync = require('browser-sync');
const bs = browserSync.create()
const OPTIONS = {
    browserSync: {
      server: {
        baseDir: './',
        index: 'demo/index.html',
        routes: {
          '/': './bower_components'
        }
      },
      open: false, // Don't open browser on reload
      notify: true // Show notifications in the browser.
    }
  };

gulp.task('build', () => {
  // Build stuff...
});

gulp.task('serve', (callback) => bs.init(OPTIONS.browserSync));
gulp.task('refresh', () => bs.reload());
gulp.task('watch', () => gulp.watch(['src/**/*'], () => gulprun('build', 'refresh')));
gulp.task('default', ['build', 'serve', 'watch']);