一文在手，打包uniapp烦恼无——uniapp打包指南

uniapp，一个帮助开发者使用 Vue.js 进行跨平台应用开发的框架，越来越受到开发者的青睐。但对于初学者来说，uniapp app的打包往往是一道门槛。

本文将详细介绍uniapp app打包流程，并针对Android和iOS真机打包遇到的报错和App包过大等问题提供详细解决方案。

uniapp app 打包流程

1. 准备工作

   • 确保已安装 Node.js 和 npm。
   • 安装 uniapp CLI：npm install -g uniapp。
   • 安装所需插件：npm install。
   • 确保项目中存在manifest.json文件。

2. 打包

   • 在项目根目录下，运行 uniapp build。
   • 根据提示选择要打包的平台（Android或iOS）。
   • 等待打包完成。

Android 真机打包报错解决方案

1. Failed to transform manifest

   • 检查manifest.json文件，确保minSdkVersion和targetSdkVersion的值正确。
   • 确保已在AndroidManifest.xml文件中添加了所需的权限。

2. The command failed: ./gradlew assembleRelease

   • 确保已安装Java SDK。
   • 确保已安装Gradle。
   • 检查gradlew文件是否存在，如果不存在，可以尝试重新安装uniapp CLI。

iOS 真机打包报错解决方案

1. No such module 'RCT-Folly'

   • 确保已安装CocoaPods。
   • 运行pod install命令。

2. Undefined symbol: _OBJC_CLASS_$_RCTEventEmitter'

   • 确保已安装React Native。
   • 运行react-native link命令。

App 包过大解决方案

1. 使用 tree shaking

   • 在package.json文件中添加"sideEffects": false。
   • 使用Rollup构建工具。

2. 使用代码压缩

   • 使用Webpack的UglifyJsPlugin插件。
   • 使用Terser压缩工具。

结语

通过本文的介绍，希望大家能够对uniapp app打包有一个全面的了解，并能够顺利解决打包过程中遇到的问题。如果还有其他问题，欢迎在评论区留言。