vue-cli3.0 bulid不同环境变量的2种方式

第一种：

package.json文件：

增加了

dev_alpha是为了本地运行得时候使用

alpha/prod 是为了build，部署服务器得时候使用

"dev_alpha": "vue-cli-service serve --mode alpha",
"alpha": "vue-cli-service build --mode alpha",
"prod": "vue-cli-service build --mode prod",

/*这里是完整得scripts配置*/  
"scripts": {
    "pre": "yarn --registry https://registry.npm.taobao.org || npm install --registry https://registry.npm.taobao.org ",
    "dev": "vue-cli-service serve",
    "dev_alpha": "vue-cli-service serve --mode alpha",
    "build": "vue-cli-service build",
    "alpha": "vue-cli-service build --mode alpha",
    "prod": "vue-cli-service build --mode prod",
    "lint": "vue-cli-service lint"
  },

 

然后在项目根目录下增加两个文件

.env.alpha和.env.prod

然后，运行  npm run alpha即可

第二种方式：

package.json 文件还是那样配置

但是不加.env 文件了

添加一个js文件去自己判断

import PRIVATE_KEY from './setKey'

console.log(PRIVATE_KEY, '{PRIVATE_KEY}<<<<<<<<<<<<<<<PRIVATE_KEY')

同样配置完成后 运行  npm run alpha，即可使用