Webpack HMR如何与Vuex模块交互？

Question

我正在使用 Webpack ，它是Vue.js应用中的热模块替换（ HMR ）功能和 Vuex 。加载顺序如下：

1. 用户点击消息中的共享链接 - 启动加载UI并点击某些内容的API
2. 内容返回 - 初始化根的Vuex子模块，我们称之为subA
3. 初始化后 - 将UI转换到另一个页面，并使用getter显示来自subA的一些数据。

在正常情况下，每次 ，但是当我更改文件，保存它们（触发HMR）时，Vuex子模块subA似乎被重置 - 它的所有属性都在{ {1}}设置为初始值。

HMR如何与Vuex互动？为什么会这样？

Answer 1

我遇到了同样的问题。这是一个棘手的主题。...看来您需要专门告诉Vuex，哪些模块需要热重装。我还没有一个好的解决方案，但是请看一下Vuex文档以热装Vuex模块。该解决方案使用Webpack的热重载API。

https://vuex.vuejs.org/guide/hot-reload.html