如何使用Ionic 2为PWA和原生应用部署不同版本的index.html

Question

我们的PWA居住在这里：https://m.quemesa.com并且我们也有具有相同代码库的本机应用。然而，我们并没有针对Cordova浏览器平台（因为它似乎没有正式支持，我也看不出它有什么好处），所以我们必须为我们的PWA添加与我们的本地代码略有不同的代码应用程序构建。例如，在PWA中，我们使用纯Google Analytics解决方案，在index.html中需要2行javascript。

对于我们的原生版本，我们使用Cordova GA插件，所以这不是必需的。在PWA中，我们不需要链接到Cordova.js和Vendor.js，例如（他们得到一个404错误）。在我们所做的原生应用程序中。

目前我正在手动编辑（yuck）输出文件夹，然后将其上传到Azure以进行PWA。

有没有一些方法来编辑离子生成过程，以便我可以有2个版本的索引，并抓取它想要的输出文件夹取决于构建类型或它可以修改构建的HTML文件时间？

Answer 1

单独使用目前的离子构建工具并不支持这一点。

您可以只有2个版本的index.html和一个小脚本在它们之间交换并构建两个版本。

这也是你可以用“完整的”CI构建工具做的事情。既然你提到了Azure，你可以使用Visual Studio Team Services。现有的任务可用于npm（安装离子，运行PWA构建）和运行命令/ PowerShell脚本。通过设置一个“代理”VM来创建你的应用程序（节点，离子，Android工作室等），然后从那里构建你的构建过程，可能会更容易。