问题产生背景:需要用uniapp实现一个h5网站得发布,但是默认自带得只有开发和生产两个环境,没法满足运营同学使用jenkins自动化打包部署。
- 第一步使用命令行创建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得目录
- 再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



