android - livereload を Gulp と Ripple Emulator で動作させるにはどうすればよいですか?

Question

私はさまざまなオプションを試してみましたが、最終的に次の混乱したバージョンの gulpfile.js で終了しましたが、それを機能させることができません:(。

Chrome プラグインの代わりに、ripple-emulator npm パッケージを使用しています。これによりエミュレーターが起動し、livereload を除くすべてが機能します (ただし、手動更新は機能します)。

var gulp = require('gulp');
var path = require('path');
var o = require('open');
var ripple = require('ripple-emulator');
var connect = require('gulp-connect');
var injectReload = require('gulp-inject-reload');
var webPath = function(p) {
  return path.join('./www/', p);
};

gulp.task('connect', function() {
  connect.server({
      root: 'www',
      livereload: true
  });
});

gulp.task('html', function() {
  gulp.src('./www/*.html')
    .pipe(injectReload({
        host: 'http://localhost'
    }))
    .pipe(gulp.dest(webPath('build')))
    .pipe(connect.reload());
});

gulp.task('watch', function() {
  gulp.watch(['./www/*.html'], ['html']);
});

// The default task
gulp.task('default', ['connect', 'watch'], function() {

  var options = {
    keepAlive: false,
    open: true,
    port: 4400
  };

  // Start the ripple server
  ripple.emulate.start(options);

  if (options.open) {
    o('http://localhost:' + options.port + '?enableripple=true');
  }
});

私が使用している依存関係..

// package.json

{
  "name": "servicepromobile",
  "version": "0.0.0",
  "dependencies": {},
  "devDependencies": {
    "gulp": "latest",
    "open": "latest",
    "ripple-emulator": "latest",
    "gulp-livereload": "^2.1.1",
    "connect-livereload": "^0.5.0",
    "tiny-lr": "^0.1.4",
    "gulp-connect": "^2.0.6",
    "gulp-inject-reload": "0.0.2"
  },
  "engines": {
    "node": ">=0.10.0"
  },
  "scripts": {
    "test": "grunt test"
  }
}