项目目录结构:
在这里插入图片描述
项目结构分析:

e2e端对端的测试文件
node_modules 项目依赖
src 项目开发文件
app 项目模块,组件,服务
assets 项目静态资源文件
environments 项目环境,可以配置项目的运行环境
theme 主题文件,可配置主题
global.scss 全局样式文件
index.html 项目入口
karma.conf.js 测试配置文件
main.ts 主入口文件
polyfills.ts 填充库,在angular加载之前执行
test.ts 测试
tsconfig.app.json 配置文件
tsconfig.spec.json
.gitignore git文件
angular.json angular配置文件
ionic.config.json ionic配置文件
ionic.starter.json ionic配置文件
package.json 配置项目名称,依赖
tsconfig.json typeScript配置文件
tslint.json typeScript格式化文件

在项目中执行ionic build时,项目目录中生成了www文件夹,这个文件夹里存放的是打包的静态文件,静态文件可以在web端当作h5运行

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

要将ionic打包成安卓APP时,可执行以下命令

//构建android platform:
ionic cordova platform add android
//打包
ionic cordova build android

项目文件会多出platfroms,plugins,resources文件夹和config.xml文件

platfroms: 生成android和ios安装包需要的资源(执行ionic cordova platform add android命令时会生成)
plugins 插件文件夹,里面放置各种cordova安装的插件
resources 设置打包的APP的图标,启动页
config.xml 打包生成app的配置文件

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐