cross-env 添加到容器自动化部署

使用依赖 cross-env来创建 开发 测试 生产命名部署代码

第一步 添加依赖项 cross-env 

npm i cross-env -S 

第二步，package.json中添加命令

"dev:sit": "cross-env NODE_ENV=sit node build/dev-server.js",
"dev:uat": "cross-env NODE_ENV=uat node build/dev-server.js",
"dev:sdv": "cross-env NODE_ENV=sdv node build/dev-server.js",
"build:vsit": "cross-env NODE_ENV=sit node build/build.js",
"build:vuat": "cross-env NODE_ENV=uat node build/build.js",
"build:sdv": "cross-env NODE_ENV=sdv node build/build.js"

第三步， static/config/env.js 配置文件中 添加配置的各环境接口内容

  dev: {    baseUrl: 'xxxxxx/',    useLocalData: true,  },  sit: {    baseUrl: 'xxxxxx',    useLocalData: true,  },  uat: {    baseUrl: 'xxxxxx',    useLocalData: true,  },  prod: {    baseUrl: 'xxxxxx',    logLevel: 0,  }

第四步  config/index.js 文件中 将build中的env替换

build:{
        env: !process.env.NODE_ENV ? require('./prod.env') : {NODE_ENV:"\'"+process.env.NODE_ENV+"\'"}

第五步 将build/build.js中

 var config = require('../config') //放到前面

第六步 src/config/env.js 

let fenv; 
switch (process.env.NODE_ENV) { 
    case "development": 
        fenv = envs.dev;
        break; 
    case "sit": 
        fenv = envs.sit;
        break;
    case "uat": 
        fenv = envs.uat; 
        break; 
    case "sdv": 
        fenv = envs.sdv; 
        break; 
    default: 
        fenv = envs.prod; 
        break; 
}

在build/build.js 中 添加这个 打包的时候可以看到你打的哪个环境的  如果有process.env.NODE_ENV = 'production'这个代码 要注释掉

var spinner = ora('building for '+process.env.NODE_ENV +'....')

因为之前用vue-cli3.x 的没有独立搞过 本地 测试 开发 环境 好像和上个公司的搞得也不一样 有个使用gulp 打包自动部署到服务器的 下次搞一下 

仅供参考 欢迎互相学习交流