Visual Studio 2015 Cordova Ionic 2 未在构建时更新 html 文件答案

【问题标题】：Visual Studio 2015 Cordova Ionic 2 not updating html files on buildVisual Studio 2015 Cordova Ionic 2 未在构建时更新 html 文件
【发布时间】：2016-09-25 14:54:42
【问题描述】：

我正在运行带有 Apache Cordova 和 Ionic 2 的 Visual Studio 2015。

如果我更新app/pages 中的任何html 或ts 文件，波纹模拟器应用程序会刷新（因此检测更新），但应用程序内容仍然相同。只有当我更新 www/build/pages 文件时，内容才会更新。

我构建/清理/重建多少次似乎并不重要，我可以更新应用程序内容的唯一方法是修改build而不是app中的文件。

有什么想法吗？当然我应该更新app/pages 并看到更新自动传播到www/build/pages，或者至少在构建时？

【问题讨论】：

标签： cordova ionic2 visual-studio-cordova

【解决方案1】：

尽管搜索了互联网并几乎回到 Ionic 版本 1（因为缺少构建使 Ionic 版本 2 无法使用，在版本 1 中您直接在 www 文件夹中编辑文件）结果证明解决方案在Project_Readme.html 文件。（谁读过说明？！;-) :-D)

这个问题似乎与处理构建的 Gulp 有关 (Gulpfile.js)。通过导航到 View -> Other Windows-> Task Runner Explorer，这似乎打开了 Gulp 构建详细信息，并且由于某种原因，打开此窗口似乎触发了从 app 到 www 的正确构建。

【讨论】：

我确实已经从 gulp 窗口运行了“监视”任务以开始触发更改，这在某种程度上是有道理的。实际上：自述文件现在也提到了这一点。

【解决方案2】：

您可能还需要手动将“watch”脚本添加到 package.json 文件中。我的 Visual Studio Ionic 模板版本中缺少它。

  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve",
    "watch": "ionic-app-scripts watch"
  },

现在您可以根据自述文件中的屏幕截图将其添加到 Project Open 绑定中。（关闭/打开项目）

【讨论】：