关于package.json配置全局变量的问题

Question

现在有多个服务器需要打包我想配置一个
build:服务1
build:服务2
build:服务3
打包生成的文件用不同的服务器地址
"build:服务1":vue-cli-service build VUE_APP_IMGURL= baidu.com
大概这个意思，该怎么写才能实现呢

Answer 1

cross-env 了解一下

Answer 2

应该先定义变量再调用命令，比如 VUE_APP_IMGURL=baidu.com vue-cli-service build。

Answer 3

1. 获取到npm脚本里的url(VUE_APP_IMGURL= baidu.com),通过process.env获取；
2. 在webpack里定义全局变量，webpack.DefinePlugin({server_url: VUE_APP_IMGURL});
3. 在代码中使用：const url = server_url;