vuecli项目打包出测试环境与正式环境方法包括动态域名配置

本文链接：https://blog.csdn.net/qq_58638897/article/details/129007751

1.动态域名配置（正式，测试，本地）

Vue.prototype.$url= process.env.NODE_ENV == 'xxx'  ? 'http://www.xxx.com/': process.env.NODE_ENV == 'testing' ? 'http://zzz/' : process.env.NODE_ENV == 'eee' ? 'http://xxx/' :

xxx为正式环境（判断运行字段在config文件下取，分别在prod.env,test.env,dev.env下获取）

testing为测试环境字段

2.正常项目都会自带正式，和本地运行命令，现在我们新增一个测试环境打包命令

2.1.在package.json中新增 "test": "node build/test.js"

package.json中新增命令行脚本test命令,并指向build文件夹下的test.js


  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js",
    "test": "node build/test.js"
  },

2.2.在build文件夹中新建test.js

这样就新建了一个test测试环境

2.3.在build文件夹中新建webpack.test.conf.js

2.4,此时我们需要在config文件夹下新建test.js测试环境,加入以下代码即可

'use strict'
const merge = require('webpack-merge')
const devEnv = require('./dev.env')

module.exports = merge(devEnv, {
  NODE_ENV: '"testing"'
})

2.5.到这配置就完成了，我们打包的命令为test

npm run test打包即为测试环境的包