iOS打包HTML5应用可以通过多种方法实现。本文将为您介绍两种常用的打包方法，分别是使用Cordova（前身是PhoneGap）和使用React Native。
1. Cordova打包HTML5应用：
Cordova是一个开源的移动应用开发框架，它使用HTML、CSS和JavaScript来构建跨平台的移动应用。以下是使用Cordova打包HTML5应用的步骤：
步骤1：安装Cordova
首先，您需要安装Node.js和npm（Node.js包管理器）。然后，使用npm安装Cordova：
```
npm install -g cordova
```
步骤2：创建Cordova项目
在命令行中，进入您要创建项目的目录，并运行以下命令：
```
cordova create <项目名称> <包名> <应用名称>
```
例如：
```
cordova create HelloWorld com.example.helloworld HelloWorld
```
步骤3：添加平台
在命令行中，进入项目目录，并添加要构建的平台。例如，要构建iOS平台的应用：
```
cd HelloWorld
cordova platform add ios
```
步骤4：将HTML5应用文件放入www目录
将您的HTML5应用文件（HTML、CSS、JavaScript和资源文件）放入项目的www目录中。
步骤5：构建和运行应用
在命令行中，进入项目目录，并运行以下命令来构建和运行应用：
```
cordova build ios
cordova run ios
```
您也可以使用Cordova提供的其他命令来构建和运行应用。
2. React Native打包HTML5应用：
React Native是一个用于构建移动应用的JavaScript框架，它结合了React和原生组件。通过React Native，您可以使用JavaScript编写移动应用，而无需学习iOS或Android的原生开发语言。以下是使用React Native打包HTML5应用的步骤：
步骤1：安装React Native
首先，您需要在系统上安装Node.js和npm。然后，使用npm安装React Native的命令行工具：
```
npm install -g react-native-cli
```
步骤2：创建React Native项目
在命令行中，进入您要创建项目的目录，并运行以下命令：
```
react-native init HelloWorld
```
步骤3：替换index.js文件
将React Native项目中的index.js文件替换为您的HTML5应用的入口文件。
步骤4：构建和运行应用
在命令行中，进入项目目录，并运行以下命令来构建和运行应用：
```
cd HelloWorld
react-native run-ios
```
这将自动启动iOS模拟器并加载应用。
以上是使用Cordova和React Native打包HTML5应用的基本步骤。根据您的具体需求和技术背景，您还可以进一步调整和优化应用。
