webpack 怎么直接在项目中切换环境 不用去命令行中 退出再切换

Question

我想在启动项目后直接切换项目环境，比如我项目右上角有一个按钮，来切换qa dev pre 环境
怎么实现

Answer 1

切换环境就是切换接口地址，接口的地址baseUrl改成函数，动态执行，环境变量env可以存到sessionStorage中：

baseUrl(){
    const env = sessionStorage.hetItem('env')
    if(env == 'test') {
      return 'http://xx.xx.xx.xx:xxx'
    }
    if(env == 'pre') {
     return ...
    }
    ...
}

跟环境相关的配置都去session中取完再动态改就行了，改动不算太多，点击按钮存环境变量就行了。

Answer 2

可以看下这个，https://github.com/PiNengShao...
原理是开一个websocket服务器和客户端连接然后监听是否有切换环境的事件，有过有就重新执行webpack serve指令