web-dev-qa-db-ja.com

Cordova + Angular 4 + TypeScriptボイラープレートテンプレート

Angular 4.を使用してWebプログレッシブアプリを開発しています。このアプリは、AndroidおよびiOSプラットフォーム。

Cordova + Angular 4の実用的なボイラープレートテンプレートを探しています。CordovaはWebアプリにwwwフォルダーを使用しており、Angular 4はWebアプリでsrcフォルダーを使用しています。この2つをマージして機能させるにはどうすればよいですか？Angular 'ng serve'も機能するはずですか？

angularcordovaprogressive-web-appsboilerplate
9
NavCore

ようやく問題を解決することができました。

  • Cordova "www"フォルダーとangular "src"をマージする必要があります1つの "src"フォルダー内のフォルダーangular appにする必要があります。
  • package.jsonも、CordovaとAngularの両方に適合するようにマージする必要があります。
  • 次に、（ヒントを提供したGangadhar Jannuに感謝）、「。angular-cli.json」プロパティ「outDir」を "www"コルドバはアプリのビルドにそのフォルダーを使用するため。
  • 次に、Angularアプリをコンパイルする必要があります： "ng build --prod"。
  • 最後にコルドバアプリをビルドします：cordova build Android | browser | ios | ..

以下は定型文です。

https://github.com/NavCore/ngCordova

17
NavCore

Ng cliの出力ディレクトリを変更する場合は、次に示すように。angular-cli.jsonでoutDirプロパティを設定できます。

  "outDir": "../public",

次に、ng buildコマンドで、以前に指定したoutDirにangularアプリケーションをビルドします

3
Gangadhar Jannu