uniapp环境配置、多种环境运行、打包

1、在项目根目录新增package.json文件


{
	"uni-app": {
		"scripts": {
			"build:test": {
				"title": "build:test",
				"env": {
					"UNI_PLATFORM": "h5",
					"H_NODE_ENV": "development",
					"MY_TEST": "jdsfh",
					"kjdsh": "888899999"
				}
			},
			"build:pro": {
				"title": "build:pro",
				"env": {
					"UNI_PLATFORM": "h5",
					"H_NODE_ENV": "production",
					"MY_TEST": "jdsfh8888",
					"kjdsh": "88889990000000"
				}
			}
		}
	}
}


Tips:

  • UNI_PLATFORM仅支持填写uni-app默认支持的基准平台,目前仅限如下枚举值:h5mp-weixinmp-alipaymp-baidump-toutiaomp-qq
  • browser 仅在UNI_PLATFORMh5时有效,目前仅限如下枚举值:chromefirefoxidedgesafarihbuilderx
  • package.json文件中不允许出现注释,否则扩展配置无效
  • vue-cli需更新到最新版,HBuilderX需升级到 2.1.6+ 版本

2、以上配置好以后,在运行和发行打包时会出现新的选项

9b49dd602a35b72d2577f9f151af607.png

8b63c48b7954d39ddf818edbf1e620f.png

3、使用

在需要的地方直接取值就行:
比如:console.log(process.env.MY_TEST)

这里有个小坑特别提醒一下:

取值打印的时候一定要直接取到最后一项,如果直接打印process会发现env是个空对象,如果直接打印process.env也是看不到那些自定义的环境变量的!!!

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

.故友

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值