PWA에 대한 index.html의 다른 버전을 배포하는 방법과 Ionic 2

Question

이있는 기본 Apps PWA는 여기에 살고 있습니다 : https://m.quemesa.com 및 동일한 코드베이스를 가진 기본 앱이 있습니다.

그러나 우리는 Cordova 브라우저 플랫폼을 목표로하지 않습니다 (공식적으로 지원되지 않는 것으로 보이고 추가로 얻을 수있는 이점을 알 수 없기 때문에). 그래서 우리 PWA에 약간 다른 코드를 추가해야합니다. 앱 빌드 예를 들어, PWA에서는 index.html에 2 줄의 자바 스크립트가 필요한 순수한 Google 웹 로그 분석 솔루션을 사용합니다.

네이티브 빌드의 경우 Cordova GA 플러그인을 사용하므로 필수 사항은 아닙니다. PWA에서는 Cordova.js 및 Vendor.js에 링크 할 필요가 없습니다 (예 : 404 오류가 발생 함). 네이티브 앱에서 우리는 그렇게합니다.

현재 PWA 용 Azure에 업로드하기 전에 출력 폴더를 수동으로 편집하고 있습니다.

이오닉 빌드 프로세스를 편집 할 수있는 방법이 있습니까? 2 가지 버전의 인덱스를 가질 수 있으며 빌드 유형에 따라 출력 폴더에 대해 원하는 버전을 가져 오거나 빌드시 html 파일을 수정할 수 있습니다. 시각?

Answer 1

현재의 이온 빌드 도구 만이이 기능을 지원하지 않습니다.

두 버전의 index.html과 작은 스크립트를 사용하여 두 버전 사이를 스왑하고 두 버전을 모두 만들 수 있습니다.

"완전한"CI 빌드 도구로 수행 할 수있는 작업입니다. Azure에 대해 언급 한 이후로 Visual Studio Team Services를 사용할 수있었습니다. npm (이온 설치, PWA 빌드 실행) 및 명령/PowerShell 스크립트 실행에 사용할 수있는 기존 작업이 있습니다. 응용 프로그램 (노드, 이온, Android 스튜디오 등)을 빌드하는 데 필요한 모든 기능을 갖춘 "에이전트"VM을 설정하고 거기에서 빌드 프로세스를 빌드하는 것이 더 쉽습니다.