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
默认支持的基准平台,目前仅限如下枚举值:h5
、mp-weixin
、mp-alipay
、mp-baidu
、mp-toutiao
、mp-qq
browser
仅在UNI_PLATFORM
为h5
时有效,目前仅限如下枚举值:chrome
、firefox
、id
、edge
、safari
、hbuilderx
package.json
文件中不允许出现注释,否则扩展配置无效vue-cli
需更新到最新版,HBuilderX需升级到 2.1.6+ 版本
2、以上配置好以后,在运行和发行打包时会出现新的选项
3、使用
在需要的地方直接取值就行:
比如:console.log(process.env.MY_TEST)
这里有个小坑特别提醒一下:
取值打印的时候一定要直接取到最后一项,如果直接打印process会发现env是个空对象,如果直接打印process.env也是看不到那些自定义的环境变量的!!!