如何使用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工作室等），然後從那裏構建你的構建過程，可能會更容易。