公司采用微前端方式已经有段时间了，一直有个开发问题没解决。当在基座页面使用XSwitch拦截相关 js 和 css 文件到本地的微应用项目时，热更新就会失效，以 ice3 项目为例：
看到这种报错其实就是webSocket服务器没有正确连接到微应用上去，我们只要想办法指定下开发环境的webSocket服务器 URL 就好了。还是以 ice3 为例：
ice3 是基于 webpack5 的，其实官网有介绍
大概这么配置就好了，我们只更改hostname就可以了，其他保持不动，当然你如果是基于 umi 的，就找 umi 修改websocketurl的方式，反正大同小异
指定好后重启下微应用，发现不报错了
但是当你修改一下后又报错了
这个报错是因为hot-update.json没有被正确的请求到，我们打开浏览器控制台，找到网络可以看到请求
此时你可以直接使用XSwitch拦截这个请求重定向到本地微应用去，例如：
当然 umi 的也可以用其他方式实现，比如修改SOCKET_SERVER这个环境变量等
当这一切的一切都改好后，就不会报错了，此时你可能可以热更新了，但是有些情况下，还是不能热更新
那是因为微应用的react被externals出去了，统一使用了基座项目里的 react，而基座的 react 往往使用了生产版本的 react，我们知道，react 的热更新是需要开发版本的 react 和 React Developer Tools 这个浏览器插件的，这两者缺一不可，不然是无法热更新的。所以此时的解决方法：
- 部署一个基于开发版的 react 的基座项目
- 不要在开发的时候把微应用的 react externals出去