前言
项目搭建过程中,往往会涉及到2个或以上的环境,比如目前官网已有的开发环境(development)和发布环境(production),但是如果要增加第三个环境,如预发布环境(此处用release),就需要自行配置。
如果是用HBuilderX创建的uni-app项目,需要转为vue-cli模式的(也就是使用npm),下列给出粗略步骤
- 全局安装vue-cli(3.x以上),webpack(如果要使用scss,则需4.35以上) npm install -g @vue/cli webpack
- 执行vue create -p dcloudio/uni-preset-vue 项目名称 ,创建项目
- 将 HBuilderX 工程内的文件(除 dist、unpackage、node_modules 目录)拷贝至 vue-cli 工程内 src 目录,package.json需要手动合并
- 在 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,之后在配置的时候比较方便