Question

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

并希望将Browsersync添加到Polymer custom-build gulpfile.js

但我无法理解Polymer custom-build的gulpfile.js中哪里是正确的位置

请您提供一个如何将Browsersync合并到custom-build的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']);

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

1 个答案: