Overview

Details

./app

Starting with folders, we can see that the bulk of our app lives here: pages, services, etc.

./hooks

These scripts run as part of the Cordova build process. If you need to customize that in any way, then do it here.

./platforms

Contains your platform targets like iOs or Android.

./www

This is where your index.html file lives. However, don’t be fooled into thinking this is where your app should live. Put all of your application scripts in the ./app folder.

./www/index.html

This is obviously where you should update your meta tags and add in any required scripts (cordova, polyfills, vendor build, a

p build, etc.).

./ionic.config.json

These are your project-specific settings. Primarily it’s just the app name and id along with any proxies you may need for your app.

./package.json

If you are familiar with npm, you will recognize this immediately. If not, then this file describes your app’s production and development dependencies.

./webpack.config.js

(optional) If you are using webpack for builds then you certainly will need this for adjusting your webpack build settings. If you are not using webpack then, please move on… nothing to see here.

./gulpfile.js

Here you find hooks for modifying the Ionic gulp tasks. Use these to modify the Ionic build. There are a number of custom hooks you can take advantage of. You most likely will not need to modify this file.

./app/app.jsorapp.ts

Finally some code! This is where we bootstrap our application and where you will find your app’s @App decorator. There are a handful of global settings you’ll want to pass in. Most importantly, you’ll want to pass your app’s root template, config and list of providers.