# Directory Structure<a name="EN-US_TOPIC_0000001111581264"></a>

The following figure shows the typical directory structure of the  **eTS**  module \(**entry/src/main**\) for an application with feature abilities \(FAs\).

![](figures/en-us_image_0000001251421931.png)

Functions of the files are as follows:

-   The Extended TypeScript \(eTS\) files that end with the  **.ets**  extension describe the UI layouts, styles, event interactions, and page logics.

Functions of the folders and files are as follows:

-   The  **app.ets**  file manages global application logics and lifecycles.
-   The  **pages**  directory stores all component pages.
-   The  **common**  directory stores common code files, such as custom components and public methods.

>![](../public_sys-resources/icon-note.gif) **NOTE:** 
>-   TypeScript and JavaScript files can be imported as page files.