【Ionic】プロジェクトのフォルダ構成

Cordova + Ionicで作成したプロジェクトのフォルダ構成についてまとめました。

【プロジェクト】フォルダ構成

Cordova + Ionicで作成したプロジェクトのフォルダ構成は以下のとおりです。

パス 概要
src/assets/ アプリで使用する画像ファイルや音楽ファイルなどのコンテンツを置く
src/theme/variables.scss アプリ全体で適用されるCSS(スタイルシート)
src/app/ app.component.ts アプリの起動時に最初に呼び出すコンポーネント
app.html app.component.tsで読み込まれる最初のHTMLファイル
app.module.ts アプリ内で、どのファイルをコンポーネント(ページ)として読み込むのかを宣言するファイル
app.scss Ionicのコンポーネントのスタイルを記述
www/ ionic serveなどで、各ファイルをコンパイルして集約したデータ
config.xml おなじみのアプリの情報(アプリ名、アプリの説明、バージョン、バージョンコード番号など)を記述するファイル
package.json nodeモジュールの依存関係を記述するファイル
関連記事
1 【Ionic入門】Androidアプリ開発編
関連記事