Structure of Ionic 3

Hooks

Hooks represent the special script, to add the own build system and build own Cordova plugin. Hooks script defined in config.XML and run like '/hooks'

Node_module

Node.js is like a common module implementation, this will export to make things available. if using any module in the project, import the module in the app.module. a module can encapsulate code into a single unit of code. npm install is used to install a node module for the project. npm is a node js manager.

Platform 

The platform used to give a new platform for an application like android, ios, windows. run the command in command prompt(ionic cordova add platform platform-name).

Plugin

The plugin allows storing those plugin used in the ionic project. To add a plugin, run the command in prompt. ionic cordova plugin add cordova-plugin-camera and next steps add a native sign
npm install --save @ionic-native/camera

Src

Src is the main part of the project, the project coding is created in src folder. In that app, the folder contains an app.module, app.component, app.html, main.ts. Pages folder store all the pages in the angular app. create a new page(ionic g page page-name). the assets to store the image and fonts.

app.module

app.module use as import a module and page used in the project. This allows the application-level module to be required as if they install in node module.

app.component

app.component is used to initialize the ionic app, and redirect to the first-page need to be opened.

Index.html

It is the main entry for an app, its purpose to set up the script and scss includes and bootstrap and running an app. the structure is like