Ionic 2 Livereload答案

【问题标题】：Ionic 2 LivereloadIonic 2 Livereload
【发布时间】：2016-05-24 05:30:30
【问题描述】：

使用 Ionic 2 进行开发时，如何在更改代码时停留在当前页面？在 Ionic 1 中 livereload 会带你回到你当前的 url - 但是在 ionic 2 中没有 url。

是否有让 livereload 让我留在当前页面的设置？

如果在每次代码更改时不必手动导航回我的页面，我也愿意启用 URL。但是我还没有在 v2 文档中找到如何做到这一点。

【问题讨论】：

标签： ionic-framework angular ionic2

【解决方案1】：

为了在 Ionic2 中停止实时重新加载，我在配置文件中进行了更改：ionic.config.js。

在ionic.config.js

watch: {
  sass: ['app/**/*.scss'],
  html: ['app/**/*.html'],
  livereload: [
    'www/build/**/*.html',
    'www/build/**/*.js',
    'www/build/**/*.css'
  ]
}

以上部分编辑为：

watch: {
  sass: ['app/**/*.scss'],
  html: ['app/**/*.html'],
}

然后通过q 停止ionic serve，然后再次启动。自动刷新已停止，我们必须手动刷新以反映最新更改。

【讨论】：

这不是 OP 要求的

【解决方案2】：

您可以将app.component.ts 中的this.rootPage 设置为您正在处理的页面。如果我正在处理 foobar.ts 页面，我经常这样做，我会暂时将其更改为

this.rootPage = FooBar;

然后在我完成后将其更改回默认的根页面。

【讨论】：

这也是我现在要做的。

【解决方案3】：

实际上ionic.config.js 已被弃用。所以我找到了一个方法，去这个node_modules\@ionic\app-scripts\config。更改名为 watch.js 的文件

srcFiles: {
    paths: ['{{SRC}}/**/*.(ts|html|s(c|a)ss)'],
    options: { ignored: ['{{SRC}}/**/*.spec.ts', '{{SRC}}/**/*.e2e.ts', '**/*.DS_Store'] },
    callback: watch.buildUpdate
  },

【讨论】：

【解决方案4】：

不，没有办法做你所要求的，因为 ionic 2 没有使用 url。实际上，他们将页面作为窗口上的变量处理，因此当您或实时重新加载刷新页面时，它将进入初始状态。顺便说一句，实际上还没有实现角路由器的计划，让我们等到 RC，也许他们想实现它

【讨论】：

您的回答已过时。 Ionic 支持 Deeplinking atm。