vue 分环境打包配置

在config下新建 test.env.js 文件

在prod.env.js 文件中改成

// 改成你的环境域名就行  正式和测试的
'use strict'
const target = process.env.npm_lifecycle_event;
if (target == 'test') {
  //测试
  var obj = {
    NODE_ENV: '"production"',
    //post用当前域名
    API_ROOT: '"https://"',
    //数据字典
    API_ROOT_DICT: '"https://"',
  }
} else if (target == 'prod') {
  //线上
  var obj = {
    NODE_ENV: '"production"',
    //post用当前域名
    API_ROOT: '"http://"',
    //数据字典
    API_ROOT_DICT: '"http://"',
  }
}
module.exports = obj;

在test.env.js

'use strict'
module.exports = {
  NODE_ENV: '"testing"',
  EVN_CONFIG: '"test"',
  API_ROOT: '"/test/apis/"'
}

在package.json 中

"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/build.js",
    "prod": "node build/build.js"
  },

测试环境

npm run test

正式环境

npm run prod

**将打包好的dist文件上传到服务器上就Ok了 这里注意如果dist文件的内容直接放到服务器上 生成的index.html文件 把所有引用的 文件

/static/
./static/

路径全都要加上 . 所有的/static/前 否知 页面没有样式 会是空白的**