react+vite如何打包成apk

最近遇到一个问题，如何把已经弄好的react移动端项目打包成apk呢？可以使用capacitor。
首先，可以先将依赖全部添加进去项目里面。

1 2	npm add @capacitor/core @capacitor/cli npm install @capacitor/android

接着，可以先把自己的app初始化

1 2	npx cap init MyApp com.example.myapp #MyApp是app名字，com.example.myapp是包名 npx cap add android #这条命令会生成android文件夹

然后把项目进行打包，再通过npx cap copy命令让打包后的产物放进去android目录里面

1 2	npm run build npx cap copy

紧接着可以通过命令去android平台啦

1	npx cap open android

默认自动打开android studio后，通过File -> Sync Project with Gradle Files, 或者熟悉android studio的人可以通过右上角的按钮去同步。
如果发现Gradle失败，有可能是拉取gradle版本的包失败了，可以找到gradle-wrapper.properties文件，然后把distributionUrl的路径改为distributionUrl=https://mirrors.cloud.tencent.com/gradle/gradle-8.11.1-all.zip，然后重新点击sync按钮就可以啦。

等sync 成功后，可以自己运行起来看效果，也可以直接用Build -> Generate APP Bundles or APKs,选择 Generate APKs,就能成功打包apk包了。