Directory Structure
The default directory structure is intended to provide a great starting point for both Progressive Web App and Cordova/PhoneGap App.
/resThis directory contains platform specific resources such as launch icons, splash screens, configuration files etc. for the Cordova/PhoneGap project./wwwThis directory contains the project's HTML/CSS/JS assets.config.xmlIt is a global configuration file that controls the Cordova/PhoneGap app's behavior.
/assetsThis directory contains the CSS, JS, images, fonts assets./partialsThis directory contains the HTML files.browserconfig.xmlThis XML file, specific to IE/Edge, is used to define pinned site customizations, such as tile backgrounds, badge updates, and tile notifications.index.htmlThis file is the entry point to the app.manifest.jsonThis web app manifest is a simple JSON file that tells the browser about your web application and how it should behave when installed on the user's mobile device or desktop.service-worker.jsThis file empowers the PWA by enabling offline caching, background sync, push notifications etc.
The assets directory contains two folders — custom and vendor
The
vendordirectory contains the core dependencies, third-party libraries and plugins used in the app.The
customdirectory contains the custom assets such as images used in the app, CSS overrides or app-specific JavaScript functions.
It is highly recommended not to make any changes in CSS or JS files present inside the vendor directory. If you want to make any changes such as styling then you should override those CSS in custom.css file present inside custom/css directory.