ionic5 目录解析

网络上的文章说的大多数都是2和3的。
这里借鉴了一下另外一篇文章。

http://www.ionic.wang/article-index-id-145.html

首先，下面是我的版本信息：

微信截图_20190829160219.png
在通过命令行
ionic start appdemo tabs
创建了目录之后，
并手贱添加了命令ionic cordova platform add android，在原有的目录下多了两个目录“platforms”和“resources”
所以，现在创建的目录结构是这样子的：
2.png

文件夹

e2e：ionic5中端对端测试文件

node_modules ：ionic5中项目所需要的依赖包

resources ：android/ios 资源（更换图标和启动动画）

src：ionic5中开发工作目录，页面、样式、脚本和图片都放在这个目录下

www：ionic5中静态文件，ionic build --prod 生成的单页面静态资源文件

platforms：生成android或者ios安装包需要的资源---(cordova platform add android后会生成)

plugins：插件文件夹，里面放置各种cordova安装的插件

文件

config.xml: 打包成app的配置文件

package.json: 配置项目的元数据和管理项目所需要的依赖

ionic.config.json、ionic.starter.json：ionic配置文件(这个目录暂时没有)

angular.json angular配置文件

tsconfig.json: TypeScript项目的根目录，指定用来编译这个项目的根文件和编译选项

tslint.json：格式化和校验typescript

browserslist :目标浏览器配置表

根目录下面的src工作目录分析

3.png

app：ionic5中应用根目录 （组件、页面、服务、模块...）

assets：ionic5中资源目录（静态文件（图片，js框架...）

theme：ionic5中主题文件，里面有一个scss文件，设置主题信息。

global.scss：ionic5中全局css文件

index.html：ionic5中 index入口文件

main.ts：ionic5中 主入口文件

karma.conf.js/test.js：测试相关的配置文件

polyfills.ts: 这个文件包含Angular需要的填充，并在应用程序之前加载