目前,只有 Vite 被官方支持,不过任何实现 import.meta.hot
规范的构建工具都应该能正常工作。(例外的是,webpack 似乎使用的是 import.meta.webpackHot
而不是 import.meta.hot
)
你只需要在任何 store 声明旁边添加这段代码。比方说,你有三个 store:auth.js
、 cart.js
和 chat.js
, 你必须在每个 store 声明后都添加(和调整)这段代码。
js
// auth.js
import { acceptHMRUpdate, defineStore } from 'pinia'
const useAuth = defineStore('auth', {
// 配置...
})
// 确保传递正确的 store 声明,本例中为 `useAuth`
if (import.meta.hot) {
import.meta.hot.accept(acceptHMRUpdate(useAuth, import.meta.hot))
}