测试使用vite搭建的uni-app打包app区分开发环境和生产环境
用脚手架搭建的uniapp项目,打包H5和小程序可以和web端一样,能够通过env.dev和env.prod区分开发环境和生产环境,但是不知道打包成app时如何区分开发环境和生产环境,在此做一个测试记录。
打开package.json文件,在scripts脚本中添加打包执行脚本,前提需要你已经创建好.env.dev和.env.prod文件
"build:app-plus": "uni build -p app-plus --mode prod",
整体思路是我的prod文件里有一个生产地址,然后我在页面里尝试打印出来,然后最后打包成app看页面的打印结果是否切换成了生产地址。
执行打包命令
npm run build:app-plus
根据提示前往HBuilder,将打包后的dist文件下的app文件引入进来,点击云打包生成apk文件。
在手机上安装打包好apk程序后进入app界面就可以看到页面上显示的title是“生产地址”了,所以按照这样的流程可以做到打包app时,可以通过不同的执行脚本切换api地址。