Ionic4.x単純なプロジェクト構造解析

新プロジェクト

E2E：テストファイルのエンドツーエンド
node_modulesを：プロジェクトに必要な依存関係の
資源：アンドロイド / IOSリソース（交換用アイコンやアニメーションを開始）
SRC：作業ディレクトリの開発、ページ、スタイル、スクリプトと画像がディレクトリに置かれている
WWW：静的ファイル、イオンビルド - 単一ページの静的リソースファイルのprod世代
プラットフォーム：リソース生成AndroidまたはiOSインストールパッケージ必要 --- （コルドバプラットフォームはAndroidが発生追加した後）
のプラグイン：プラグインフォルダ、コルドバの様々なインストールを配置プラグ-config.xmlが：アプリのプロファイルにパッケージ化
のためのパッケージ変更の設定項目のメタデータとionic.config.jsonを頼るために必要なプロジェクト管理、ionic.starter.json：イオン性プロファイルangular.json角度プロファイル.json 
のTSconfig。 JSON：書式設定とtypescriptですがチェック：活字体プロジェクトのルートディレクトリ、ルート・ファイルとコンパイルオプションは、プロジェクト指定tslint.jsonをコンパイルするために使用します

SRC Ionic4.x 以下のファイル分析

アプリ：アプリケーションのルートディレクトリ（コンポーネント、ページ、サービス、モジュール...）
資産：リソース・ディレクトリ（静的ファイル（画像、jsのフレームワーク...）
テーマ：SCSSファイルを持っているテーマファイルは、テーマ情報を設定し
、（株）無料で参加します。 SCSS：グローバルCSSファイル
のindex.html：インデックスエントリファイル
main.tsは：主入口文書
karma.conf.js / テスト関連プロフィール：test.js 
polyfills.tsを：このファイルは、必要なフィラー角度、およびアプリケーションを含みますロード前に

app.module.tsの分析

// ファイル：ルートモジュールがどのようにイオン組立アプリケーション指示


// イオン角度コア原稿
インポート「角/コア@」NgModuleから{} ;
 インポート「アンギュラ/プラットフォームブラウザ@」BrowserModuleから{} ;
 インポート {} RouteReuseStrategyから「角度@ /ルータ「;
 インポート /角度イオン@から{IonicModule、IonicRouteStrategy}」 ' ; 

// イオンは、起動画面構成およびナビゲーションサービス（制御しない）した後、アプリにパッケージ
をインポートスプラッシュ{から} /イオンネイティブ@ 'スクリーン・スプラッシュ/ NGX ;
 インポートイオン性-ネイティブ/ステータスバー/ NGX @ステータスバー{から}' ' ; 

// 導入路プロファイル
のインポート ./app-routing AppRoutingModuleから{}'。モジュール」; 

// アグロバクテリウムアセンブリに導入
インポート AppComponent './app.component'から{} ; 

@NgModule（{ 
  宣言は：[AppComponent]   // アセンブリ宣言 
  entryComponentsを：[] // 配置成分は、テンプレートに使用されていない 
  輸入[BrowserModule、IonicModule.forRoot（）、AppRoutingModule]、    // モジュールの依存関係を導入モジュール 
  プロバイダ：   // サービスを設定する
    ステータスバー、
    スプラッシュ、
    {提供：IonicRouteStrategy：RouteReuseStrategy、useClass} 
  ]、
  ブートストラップオン：[AppComponent] 
}）
エクスポートクラス AppModule {}

アプリ-routing.module.ts 分析

インポート {NgModule}角度/コア@ 'から。
// 路由相关配置
インポート '角/ルーター@'から{PreloadAllModules、RouterModule、ルート} 。
// 路由配置
CONST経路：経路= [ 
  {パス： ''、loadChildren './tabs/tabs.module#TabsPageModule' }、
  {パス： 'ボタン'、loadChildren」./button/button.module#ButtonPageModule ' } 
]。
@NgModule（{ 
  輸入：[ 
    RouterModule.forRoot（ルート、{preloadingStrategy：PreloadAllModules}）
  ]、
  輸出：[RouterModule] 
}）
エクスポートクラス AppRoutingModule {}

Ionic4.x単純なプロジェクト構造解析

おすすめ