VUE-cli 3.x以上版本多环境配置和打包方式

声明：在vue-cli3.x创建的项目中，已经舍弃了build和config两个配置文件夹

首先：在根目录下新建vue.config.js文件

然后进行配置

module.exports = {
  // 公共路径
  publicPath: "./",
  // 打包路径
  outputDir: process.env.NODE_ENV === "test" ? "test" : "文件夹名称",
  // 静态资源路径
  assetsDir: "assets",
  lintOnSave: false,
  productionSourceMap: false, // 不需要生产环境的 source map 设置false（减小dist文件大小，加速构建）
  devServer: {
    open: true, // npm run serve后自动打开页面
    host: "localhost", // 匹配本机IP地址(默认是0.0.0.0)
    port: 8080 // 开发服务器运行端口号
  },
};

解释：process.env.NODE_ENV默认的打包环境是生产环境，如果等于test，就会将打包后的文件放在test文件夹下，那我们需要将打包环境配置为test

进入 package.json文件

配置代码

"test": "vue-cli-service build --mode test",

到这里，你已经可以用 npm run test 进行打包了
然后还可以配置对应环境的接口路径

每个文件内的格式是相同的，只是路径不同而已。