uniapp打包h5配置多环境

1、在uniapp的h5项目中新建package.json：

{
	"uni-app": {
		"scripts": {
			"build:test": {
				"title": "build:test",
				"env": {
					"UNI_PLATFORM": "h5",
					"H_NODE_ENV": "development",
					"H_BASE_URL": "",
					"H_WXAPPID": "",
					"DESCRIBE": "测试环境"
				}
			},
			"build:pro": {
				"title": "build:pro",
				"env": {
					"UNI_PLATFORM": "h5",
					"H_NODE_ENV": "production",
					"H_BASE_URL": "",
					"H_WXAPPID": "",
					"DESCRIBE": "正式环境"
				}
			}
		}
	}
}

2、使用自定义变量（直接运行到浏览器取不到在package.json中定义的变量的，只有打包的时候才可以取到）

例如：config.js

/**
 * 在package.json中定义的H_NODE_ENV
 * 在本地运行该环境为未定义,设置初始baseUrl
 * 只有在打包环境下才会有H_NODE_ENV
 */
const node_dev = process.env.H_NODE_ENV
let baseUrl = '',
wxAppid = ''
console.log(process.env.H_BASE_URL);
if (node_dev) {
	baseUrl = process.env.H_BASE_URL,
	wxAppid = process.env.H_WXAPPID
}
export const config = {
	wxAppid,
	baseUrl
}

　　

这样就可以根据坏境使用自定义的变量了。