栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

uniapp 区分多环境 h5

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

uniapp 区分多环境 h5

问题产生背景:需要用uniapp实现一个h5网站得发布,但是默认自带得只有开发和生产两个环境,没法满足运营同学使用jenkins自动化打包部署。

  1. 第一步使用命令行创建uniapp得项目
vue create -p dcloudio/uni-preset-vue my-project

具体可以参考:https://uniapp.dcloud.io/quickstart-cli?id=%e5%88%9b%e5%bb%bauni-app

这是命令行生成出来得目录结构

使用编辑器创建得目录结构

可以看到多出来一个package.json得目录

  1. 再package.json 配置打包命令
"build-dev": "cross-env VUE_APP_ENV=dev NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
"build-test": "cross-env VUE_APP_ENV=test NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
"build-pre": "cross-env VUE_APP_ENV=pre NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
"build-prod": "cross-env VUE_APP_ENV=real NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",


项目中使用process.env.VUE_APP_ENV字段进行区分操作

参考网址:https://ask.dcloud.net.cn/question/73096

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/511657.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号