5

我有一个 Ionic 1.3.1 项目,其架构基于旧但黄金的 generator-gulp-angular,我想Live Reload在设备 (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(在 a 之后gulp build)我有缩小文件而不是源文件的文件夹。

所以我想以某种方式混合这两个命令gulp serveionic run android --livereload但我真的不知道如何实现这一点。

4

1 回答 1

3

我解决了更新我的gulp watch任务,每次有更改时它都会gulp build在命令运行时ionic run android --livereload运行。

我在我的 中添加了一个标志,所以我的--livereload文件如下所示:gulp watch/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

享受!

于 2016-11-15T03:21:09.663 回答