File and Folder Structure
With different Cordova versions, the file and folder structure of a Monaca project are configured differently.
File/Folder Name | Description |
Storage folder for additional plugins | |
res/ | Resources folder for Android, iOS and Winrt |
Storage folder for the main body of the application | |
Application configuration file |
File/Folder Name | Description |
Storage folder for additional plugins | |
res/ | Resources folder for Android, iOS and Winrt |
Storage folder for the main body of the application | |
Application configuration file | |
package.json | Cordova plugins management file |
Files of the application’s main body are stored here. Files and folders can be arranged freely within the
www folder, but the following parts have a special significance:File/Folder Name | Description |
index.html | The first page to be displayed when the application starts up. The startup file can be changed. |
The folder created by Monaca for all JS/CSS components used in the project. |
The folder
www/components/ is for all JS/CSS components used in the project. However, the following two files exist in the folder by default regardless of what kinds of components you have added to your project:File Name | Description |
loader.js | A JavaScript file used by Monaca to load JavaScript libraries |
loader.css | A style sheet file used by Monaca to load CSS libraries |
The
loader.js and loader.css files must be read from an HTML file.Each component will create its own folder in the (one level below)
www/components/ folder.loader.js file also loads cordova.js file.If you import a Cordova plugin using a ZIP file, it will be stored inside this folder. However, if you import the plugin using package URL/Plugin ID, the plugin file will be downloaded during build.
The
config.xml is a file that controls various settings of Cordova. Please refer to the following documentations regarding how to edit the config.xml file for Android and iOS:For Cordova 6.2 or higher,
config.xml file is also used to configure either Android or iOS application settings. Please refer to Cordova Custom Config Plugin. See Also:
Last modified 1yr ago