ionic4学习笔记(三)--项目目录结构分析

项目目录结构:
ionic4学习笔记(三)--项目目录结构分析_第1张图片
项目结构分析:

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的配置文件

你可能感兴趣的:(前端,混合APP,ionic)