uni-app 使用vue-cli-service如何配置多环境？

前言

项目搭建过程中，往往会涉及到2个或以上的环境，比如目前官网已有的开发环境（development）和发布环境（production），但是如果要增加第三个环境，如预发布环境（此处用release），就需要自行配置。

如果是用HBuilderX创建的uni-app项目，需要转为vue-cli模式的（也就是使用npm），下列给出粗略步骤

1. 全局安装vue-cli(3.x以上)，webpack(如果要使用scss，则需4.35以上) npm install -g @vue/cli webpack
2. 执行vue create -p dcloudio/uni-preset-vue 项目名称 ，创建项目
3. 将 HBuilderX 工程内的文件（除 dist、unpackage、node_modules 目录）拷贝至 vue-cli 工程内 src 目录，package.json需要手动合并
4. 在 vue-cli 工程内重新安装 npm 依赖（如果之前使用了 npm 依赖的话）

正题开始（npm 多环境配置）

• 复制一行运行或发行的配置，修改NODE_ENV=development为VUE_APP_ENV=release（因为vue-cli-service修改NODE_ENV无效，需要换成VUE_APP_ENV），release自定义
• 最好把其他的NODE_ENV统一换成VUE_APP_ENV，之后在配置的时候比较方便