vue项目
1. 打开自己的vue项目
2. 再项目根目录新建vue.config.js 项目配置文件(防止打包后白屏)
配置publicPath
module.exports = {
publicPath: './'
}
3. 运行yarn build打包
4. 打开HBuilderX,新建项目,选择5+ (HTML5)项目
5. 把dist内的所有目录复制,粘贴到新建的5+项目中(全部覆盖)
6. 配置自己APP的图标,名字... (manifest.json配置)
7. 选中项目,点击发行,选中原生APP-云打包,进行云端打包
8. 下载打包完成的apk文件,安装到手机上即可
react项目
1.打开react项目,在package.json文件中,配置homepage
{
"homepage": "./"
}
2.yarn build 打包
3. 打开HBuilderX,新建项目,选择5+ (HTML5)项目(将新建项目除manifest.json的所有文件删除)
4.打包后build里面的所有文件(除manifest.json)复制到HBuilderX新建项目中
5. 配置自己APP的图标,名字... (manifest.json配置)
6. 选中项目,点击发行,选中原生APP-云打包,进行云端打包
7. 下载打包完成的apk文件,安装到手机上即可