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

3,597 阅读1分钟

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也是看不到那些自定义的环境变量的!!!