Как использовать Polymer для перегрузки в реальном времени кода

Question

Я использую Polymer и перезаряжаю изменения в файлах вручную. Поэтому я попытался использовать browser-sync, а также browser-sync with gulp, но не смог добиться успеха.

Я попытался следующие два пути:

1) НПМ скрипты в package.json

"scripts": { 
    "dev": "polymer serve | npm run watch", 
    "watch": "browser-sync start --proxy localhost:8080 --files 'src/*.html, src/*.js, images/*' " 
    }, 

Запуск его с помощью npm run dev, он побежал, но не в состоянии обнаружить изменения в файле.

2) Использование глотка с браузером-синхронизации

var gulp = require('gulp'); 
var bs = require('browser-sync').create(); 

gulp.task('browser-sync', function() { 
    bs.init({ 
     port : 5000, 
     proxy: { 
      target : "localhost:8080" 
     } 
    }); 
}); 

gulp.task('watch', ['browser-sync'], function() { 
    gulp.watch("*.html").on('change', bs.reload); 
}); 

Он также побежал, но не в состоянии обнаружить изменения в *.html файл, который присутствует в src папке.

Может кто-нибудь помочь мне, почему изменения файлов не обнаружены.

Answer 1

Я сам это понял, я делал одну небольшую ошибку в npm scripts. Я изменил как:

"scripts": { 
    "dev": "polymer serve --port 8081 | npm run watch", 
    "test": "polymer test", 
    "watch": "browser-sync start --proxy localhost:8081 --files \"src/**/*.*, index.html, *.js\"" 
    }, 

Теперь он отлично работает !!