Ionic4.x目录结构
在我们学ionic4.x之前,我们必须得知道ionic4.x的目录结构。这样我们才能知道每个文件是干什么用的。
一、Ionic4.x根目录结构分析
e2e:ionic4.x中端对端测试文件
node_modules :ionic4.x中项目所需要的依赖包
resources :android/ios 资源(更换图标和启动动画)
src:ionic4.x中开发工作目录,页面、样式、脚本和图片都放在这个目录下
www:ionic4.x中静态文件,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
二、Ionic4.x 根目录下面的src工作目录分析
app:ionic4.x中应用根目录 (组件、页面、服务、模块...)
assets:ionic4.x中资源目录(静态文件(图片,js框架...)
theme:ionic4.x中主题文件,里面有一个scss文件,设置主题信息。
global.scss:ionic4.x中全局css文件
index.html:ionic4.x中 index入口文件
main.ts:ionic4.x中 主入口文件
karma.conf.js/test.js:测试相关的配置文件
polyfills.ts: 这个文件包含Angular需要的填充,并在应用程序之前加载