Android 基于生成器的gulp角度在Ionic项目上配置实时重新加载

我有一个爱奥尼亚1.3.1项目，该项目的架构基于老式但金色的生成器gulp angular，我希望在设备（Android）上启用

实时重新加载

我的gulp配置路径如下所示：

exports.paths = {
  src: 'src',
  dist: 'www',
  tmp: '.tmp',
  e2e: 'e2e'
};

这意味着要在浏览器中运行项目，我使用

gulp-serve

；要在Android设备中运行项目，我使用

gulp-build&&ionic-run-Android

我不能使用命令

ionic run android--livereload

，因为它同步

www

文件夹，在那里（在

gulp build

之后），我有缩小的文件，而不是源文件

---

因此，我想以某种方式将两个命令

gulp-serve

和

ionic-run-android--livereload

混在一起，但我真的不知道如何实现这一点。

我解决了更新我的

gulp-watch

任务的问题，即每次有变化时，它都会运行

gulp-build

，而命令

ionic-run-android--livereload

正在运行

我在我的

gulp watch

中添加了一个标志

--livereload

，因此我的

/gulp/watch.js

文件如下所示：

gulp.task('watch', ['inject'], function () {

  var livereload = process.argv.length === 4 && process.argv[3] === '--livereload';

  gulp.watch([path.join(conf.paths.src, '/*.html'), 'bower.json'], ['inject-reload']);

  gulp.watch([
    path.join(conf.paths.src, '/app/**/*.css'),
    path.join(conf.paths.src, '/app/**/*.scss'),
    path.join(conf.paths.src, '/scss/*.scss')
  ], function(event) {
    if (livereload) {
      gulp.start('build');
    } else {
      if(isOnlyChange(event)) {
        gulp.start('styles-reload');
      } else {
        gulp.start('inject-reload');
      }
    }
  });

  gulp.watch(path.join(conf.paths.src, '/app/**/*.js'), function(event) {
    if (livereload) {
      gulp.start('build');
    } else {
      if(isOnlyChange(event)) {
        gulp.start('scripts-reload');
      } else {
        gulp.start('inject-reload');
      }
    }
  });

  gulp.watch(path.join(conf.paths.src, '/app/**/*.html'), function(event) {
    if (livereload) {
      gulp.start('build');
    } else {
      browserSync.reload(event.path);
    }
  });
});

如何使用：

在终端选项卡上：

ionic run android --livereload

gulp watch --livereload

在另一个终端选项卡上：

ionic run android --livereload

gulp watch --livereload

---

享受吧

您好，您可以查看此链接