uni-app cli创建项目打包并配置多环境读取配置文件信息

最新推荐文章于 2024-09-23 10:24:07 发布

imFanYang

最新推荐文章于 2024-09-23 10:24:07 发布

阅读量2.1k

点赞数

分类专栏： uni-app 文章标签： uni-app

本文链接：https://blog.csdn.net/weixin_44515767/article/details/116764083

版权

这篇博客介绍了如何在uni-app项目中通过CLI创建并配置多环境，包括在package.json中设置环境变量，创建env.js文件，以及在app.vue中引入环境变量。文章还展示了如何读取配置文件信息，并提供了打包dev环境的命令，最终展示成功读取配置文件对象的方法。

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

uni-app cli创建配置多环境读取配置文件信息

在项目src下创建以下配置文件
在这里插入图片描述

在package.json中添加以下代码
VUE_APP_ENV：用来区分环境 NODE_ENV：用来定死打包目录，只会打包在dist/build/xxx下，因为是用的是vue-cli3的架子，所以环境变量需要使用 VUE_APP_ 开头

	"build-dev": "npm run build:dev",
	"build:dev": "cross-env VUE_APP_ENV=development NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
	"build-qa": "npm run build:qa",
	"build:qa": "cross-env VUE_APP_ENV=qa NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
	"build-uat": "npm run build:uat",
	"build:uat": "cross-env VUE_APP_ENV=uat NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
	"build-prd": "npm run build:prd",