Angular + Onsen UI 2 + PhoneGap Starter
Angular CLI と PhoneGap を使ったハイブリッドアプリのサンプルです。
フロントエンドのフレームワークは Angular と Onsen UI 2 を採用しています。
また、Angular CLI の ng serve
コマンドを使った場合に 「Phonegap Developer」 アプリが利用できなくなる問題を解決するため、別途 Webpack による SCSS と TypeScript のトランスパイルを組み込んでいます。
必要なもの
使い方
リポジトリをクローン
$ git clone https://github.com/puku0x/ngx-onsenui-phonegap-starter.git
Angular CLI をインストール
$ npm install -g @angular/cli
依存パッケージをインストール
$ cd ngx-onsenui-phonegap-starter
$ npm install
ビルド & プレビュー
PhoneGap CLI を使う場合
$ npm start
ビルド後、ブラウザで http://localhost:3000
を開くとプレビューされます。
/src
内のファイルに変更を加えると自動的にリロードされます。
Angular CLI を使う場合
$ ng serve
ビルド後、ブラウザで http://localhost:4200
を開くとプレビューされます。
/src
内のファイルに変更を加えると自動的にリロードされます。
ビルド
Angular CLI のコマンドを用いてビルドしてください。
$ ng build --prod
ビルド結果は /www
内に出力されます。