폴리머 맞춤형 빌드의 gulpfile에 browser-sync를 넣을 수있는 적절한 위치는 어디입니까?

Question

나는 https://github.com/PolymerElements/generator-polymer-init-custom-build

최신을 사용하고 Polymer custom-build gulpfile.js

에 Browsersync을 추가 할하지만 폴리머 맞춤 빌드의 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']);