主要介绍了详解vue不同环境配置不同的打包命令，主要包括正式环境、测试环境和开发环境，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

需求 首先介绍一下本项目的背景，是基于 vue-cli3.1.1 的单页应用，目前测试环境和生产环境都在线上，并且都在同一个域名下，其中生产环境部署在根目录下，测试环境部署在名为 test 的子目录下，根据生产环境和测试环境的不同，某些界面和交互有细微的差别。 根据以上项目的基本情况，分析出需求如下： 实现区分线上生产环境和线上测试环境的环境变量，供项目代码中全局使用。 实现输入一行命令，执行两条指令，分别打包线上生产环境和线上测试环境的代码。 实现打包之后，自动将打包好的文件夹分

最近做的一个项目是配置了三个环境的：正式环境、测试环境和开发环境，下面以这个为例 第一步：安装cross-env npm i --save-dev cross-env 或者在 package.json中加上”cross-env”: “^5.0.1″进行安装依赖 package.json: //这是我项目的目录 第二步：修改各环境下的参数 在config/目录下添加test.env.js、develop.env.js。并且修改文件里的内容 config/prod.env.js

1、在build文件夹中创建testing.js文件 // 配置环境变量 type 为 testing process.env.type = '"testing"' // 引入build.js文件 require('./build') 2、修改config文件夹中的prod.env.js文件 module.exports = { NODE_ENV: '"production"', // 将上文设置的环境变量，赋值到 type 属性上 type: process.env.type }