uni-app项目利用HBuilder X工具使用命令一键自动编译导出APP资源

1、准备工作

安装HBuilder X工具,可视化界面创建uni-app项目(没有这方面的知识可以到官网了解学习,此次教程是基于uni-app离线打包的)PS:如果利用cli命令创建项目的话则可直接利用cli命令导出APP资源,这里不做具体介绍,想要了解的可以移步到uni-app官网了解学习,下文都是基于可视化界面创建项目的,不再注明。

安装Node.js(详见另一篇文章Node.js安装教程),这里需要注意的是由于技术的更替,对于一些旧版本已经不再支持,所以对Node.js的版本是有要求的,这里的版本最低要求为v8+,所以在选择版本的时候需要注意。

2、开始导出

根据网上一些资料和uni-app编译的源码,可以利用下面命令实现自动导出APP资源

cd {HBuilderX安装目录}\plugins\uniapp-cli目录
set UNI_PLATFORM=app-plus    #编译模式
set UNI_INPUT_DIR={项目根目录}
set UNI_OUTPUT_DIR={项目根目录}/unpackage/dist/dev/app-plus   #输出路径
set NODE_ENV=development  #development 表示开发环境    production表示正式环境
node bin/uniapp-cli.js

在这里插入图片描述
跑完命令行提示 DONE Build complete. Watching for changes…
则代表导出APP资源成功,这时候则可以到{项目根目录}/unpackage/dist/dev/app-plus目录查看导出的App资源,然后进行把资源文件复制到你的Android Studio工程项目继续打包成功APK文件,到此就完成了

PS:

set NODE_ENV=development  #development 表示开发环境    production表示正式环境

开发环境跟正式环境导出的包大小是有差异的,我测试的项目用开发环境导出有12M多,用正式环境则才3M多,这里需要注意一下

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值