コードのライブリロードにPolymerを使用する方法

Question

私はPolymerを使用しており、ファイルの変更を手動でリロードしています。だから、私はbrowser-syncとbrowser-sync with gulpを使ってみましたが、成功することはできませんでした。

私は2つの次の方法を試してみました：

1）NPMスクリプトnpm run devを使用してそれを実行しているpackage.jsonで

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

、それはファイルの変更を検出することができ走ったけどありません。

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); 
}); 

ブラウザ同期で一気を使用することもsrcフォルダ内に存在する*.htmlファイルの変更を検出することができ走ったけどありません。

なぜファイルの変更が検出されないのか誰でも助けてくれますか？

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\"" 
    }, 

今はうまくいきます！