uniapp 区分多环境 h5

本文介绍了如何在uniapp项目中增加多环境配置,以满足jenkins自动化打包需求。通过命令行创建uniapp项目,编辑package.json配置打包命令,并在项目中使用特定字段区分不同环境的操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题产生背景:需要用uniapp实现一个h5网站得发布,但是默认自带得只有开发和生产两个环境,没法满足运营同学使用jenkins自动化打包部署。

  1. 第一步使用命令行创建uniapp得项目
vue create -p dcloudio/uni-preset-vue my-project

具体可以参考:https://uniapp.dcloud.io/quickstart-cli?id=%e5%88%9b%e5%bb%bauni-app

这是命令行生成出来得目录结构
在这里插入图片描述
使用编辑器创建得目录结构
在这里插入图片描述
可以看到多出来一个package.json得目录

  1. 再package.json 配置打包命令
"build-dev": "cross-env VUE_APP_ENV=dev NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
"build-test": "cross-env VUE_APP_ENV=test NODE_ENV&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值