如何使用 Ionic 2 为 PWA 和本机应用程序部署不同版本的 index.html
How to deploy a different version of index.html for PWA and native Apps with Ionic 2
我们的 PWA 在这里：https://m.quemesa.com 我们也有具有相同代码库的本机应用程序。
但是，我们并不针对 Cordova 浏览器平台（因为它似乎没有得到官方支持，而且我看不出它增加了什么好处）所以我们必须为我们的 PWA 添加与我们的相比略有不同的代码本机应用程序构建。例如，在 PWA 中，我们使用纯 Google 分析解决方案，它需要 index.html.
中的 2 行 javascript
对于我们的原生构建，我们使用 Cordova GA 插件，因此这不是必需的。在 PWA 中，我们不需要 link 到 Cordova.js 和 Vendor.js 例如（他们得到 404 错误）。在我们的原生应用中。
目前我正在为 PWA 上传到 Azure 之前手动编辑（糟糕）输出文件夹。
有没有什么方法可以编辑 Ionic Build Process，这样我可以拥有 2 个版本的索引，它可以根据构建类型获取输出文件夹所需的版本，或者可以修改 html 构建时的文件？
当前的 ionic 构建工具本身不支持此功能。
你可以只拥有 2 个版本的 index.html 和一个小脚本来在它们之间交换并构建两个版本。
这也是您可以使用 "full" CI 构建工具完成的事情。由于您提到了 Azure，您可以使用 Visual Studio Team Services。现有任务可用于 npm（安装 ionic，运行 PWA 构建）和 运行ning command/PowerShell 脚本。通过设置一个 "agent" VM 以及构建应用程序所需的一切（node、ionic、Android studio 等）开始可能更容易，然后从那里构建构建过程。
我使用 gulp-preprocess 根据目标平台更新 index.html 构建。预处理的想法是在 ionic serve/build 之前生成目标 index.html，并带有所选模式所需的确切声明，pwa 或 native。有关此的更多详细信息 post "Using Ionic/Cordova app sources as PWA"
我们的 PWA 在这里：https://m.quemesa.com 我们也有具有相同代码库的本机应用程序。
但是，我们并不针对 Cordova 浏览器平台（因为它似乎没有得到官方支持，而且我看不出它增加了什么好处）所以我们必须为我们的 PWA 添加与我们的相比略有不同的代码本机应用程序构建。例如，在 PWA 中，我们使用纯 Google 分析解决方案，它需要 index.html.
中的 2 行 javascript对于我们的原生构建，我们使用 Cordova GA 插件，因此这不是必需的。在 PWA 中，我们不需要 link 到 Cordova.js 和 Vendor.js 例如（他们得到 404 错误）。在我们的原生应用中。
目前我正在为 PWA 上传到 Azure 之前手动编辑（糟糕）输出文件夹。
有没有什么方法可以编辑 Ionic Build Process，这样我可以拥有 2 个版本的索引，它可以根据构建类型获取输出文件夹所需的版本，或者可以修改 html 构建时的文件？
当前的 ionic 构建工具本身不支持此功能。
你可以只拥有 2 个版本的 index.html 和一个小脚本来在它们之间交换并构建两个版本。
这也是您可以使用 "full" CI 构建工具完成的事情。由于您提到了 Azure，您可以使用 Visual Studio Team Services。现有任务可用于 npm（安装 ionic，运行 PWA 构建）和 运行ning command/PowerShell 脚本。通过设置一个 "agent" VM 以及构建应用程序所需的一切（node、ionic、Android studio 等）开始可能更容易，然后从那里构建构建过程。
我使用 gulp-preprocess 根据目标平台更新 index.html 构建。预处理的想法是在 ionic serve/build 之前生成目标 index.html，并带有所选模式所需的确切声明，pwa 或 native。有关此的更多详细信息 post "Using Ionic/Cordova app sources as PWA"