uniapp的环境变量

最新推荐文章于 2024-09-19 15:54:56 发布

qq_45118161

最新推荐文章于 2024-09-19 15:54:56 发布

阅读量4.2k

点赞数

文章标签： uni-app

本文链接：https://blog.csdn.net/qq_45118161/article/details/115083224

版权

本文介绍了uniapp如何配置环境变量，并在项目中通过process.env.NODE_ENV进行条件判断，实现不同环境的构建和打包。通过在package.json中设置自定义脚本，如`build:test`和`build:pro`，分别对应开发和生产环境，方便管理和切换应用的运行状态。

摘要由CSDN通过智能技术生成

uniapp关于环境变量的配置在官网上也有详细的介绍
https://uniapp.dcloud.io/collocation/package

{
    /**
     package.json其它原有配置 
     */
    "uni-app": {// 扩展配置
        "scripts": {
            "custom-platform": { //自定义编译平台配置，可通过cli方式调用
                "title":"自定义扩展名称", // 在HBuilderX中会显示在 运行/发行 菜单中
                "BROWSER":"",  //运行到的目标浏览器，仅当UNI_PLATFORM为h5时有效
                "env": {//环境变量
                    "UNI_PLATFORM": ""  //基准平台 
                 },
                "define": { //自定义条件编译
                    "CUSTOM-CONST": true //自定义条件编译常量，建议为大写
                }
            }
        }    
    }
}

在目录下创建package.json文件，在其中自定义环境变量，使用process.env.NODE_ENV就可以根据当前环境变量来完成自己想要的操作。配置完成后，就可以在运行中选中要想的启动的环境，打包时也可以选中想要打包的环境

{
	"uni-app": {
		"scripts": {
			"build:test": {
				"title": "build:test",
				"env": {
					"UNI_PLATFORM": "h5",
					"APP_ENV": "development"
				}
			},
			"build:pro": {
				"title": "build:pro",
				"env": {
					"UNI_PLATFORM": "h5",
					"APP_ENV": "production"
				}
			}
		}
	}
}