Pinia 熱更新 HMR (Hot Module Replacement)

HMR (Hot Module Replacement)

Pinia 支持熱更新，所以你可以編輯你的 store，并直接在你的應(yīng)用中與它們互動，而不需要重新加載頁面，允許你保持當(dāng)前的 state、并添加甚至刪除 state、action 和 getter。

目前，只有 Vite 被官方支持，不過任何實(shí)現(xiàn) import.meta.hot 規(guī)范的構(gòu)建工具都應(yīng)該能正常工作。(例外的是，webpack 似乎使用的是 import.meta.webpackHot 而不是 import.meta.hot ) 你只需要在任何 store 聲明旁邊添加這段代碼。比方說，你有三個(gè) store：auth.js、 cart.js 和 chat.js, 你必須在每個(gè) store 聲明后都添加(和調(diào)整)這段代碼。

// auth.js
import { defineStore, acceptHMRUpdate } from 'pinia'


const useAuth = defineStore('auth', {
  // 配置...
})


// 確保傳遞正確的 store 聲明，本例中為 `useAuth`
if (import.meta.hot) {
  import.meta.hot.accept(acceptHMRUpdate(useAuth, import.meta.hot))
}