我遇到一个问题,需要我在Webpack 2中引用环境变量。作为参考,我已经描述了下面问题的背景:
- 我们正在使用vue-cli Webpack 2样板
- 我们正在运行2个不同的版本(基于样板)
- npm run dev(local)
- npm run build(集成,uat,生产层)
- 我们有根据集成/ uat /生产层而改变的API和服务器URL
- 我们的CI / CD管道工作原理如下
- 运行Travis脚本以构建UI,在Integration tier上运行 npm run build 命令
- 成功时,在Integration tier
上构建和部署Docker容器
- 然后将相同的Docker容器按顺序推送到UAT和生产层
- 我们使用Apache作为我们的Web服务器
问题是,Webpack构建了该站点。然后构建Docker容器,并按顺序部署在多个层上。因此,Webpack无法在构建期间知道/访问某些值,这告诉它使用哪个SERVER和API URL(因为它们对于Integration,UAT和Production是不同的),因为在3层上使用相同的Docker容器如上所述。
我的问题
- 有没有办法更改/传递环境变量并设置正确的URL后Webpack构建?
- 如果没有,解决这个问题的最佳方法是什么?
谢谢。