HMR (Hot Module Replacement)
Pinia 㯠Hot Module replacement ãĩããŧãããĻãããŽã§ãããŧã¸ãåčĒãŋčžŧãŋãããã¨ãĒãããĸããĒå ã§į´æĨãšããĸãᎍéããĻæäŊã§ããžããæĸåãŽãšããŧããįļæãããšããŧãããĸã¯ãˇã§ãŗãã˛ããŋãŧãčŋŊå ããžãã¯åé¤ãããã¨ãå¯čŊã§ãã
įžæįšã§ã¯ Vite ãŽãŋãå
ŦåŧãĢãĩããŧããããĻããžãããi
äģæ§ãåŽčŖ
ããããŗããŠãŧã§ããã°åäŊããã¯ãã§ãīŧäž: webpack 㯠i
ãŽäģŖãããĢ i
ãäŊŋãŖãĻããããã§ãīŧã ããŽãŗãŧããšããããã¯ãäģģæãŽãšããĸãŽåŽŖč¨ãŽæŦĄãĢčŋŊå ããåŋ
čĻããããžããäžãã°ãauth.js
ãcart.js
ãchat.js
㎠3 ã¤ãŽãšããĸãããã¨ããã¨ããšããĸåŽįžŠãŽäŊæåžãĢãããčŋŊå īŧãããŗéŠåŋīŧããåŋ
čĻããããžã:
// auth.js
import { defineStore, acceptHMRUpdate } from 'pinia'
const useAuth = defineStore('auth', {
// options...
})
// make sure to pass the right store definition, `useAuth` in this case.
if (import.meta.hot) {
import.meta.hot.accept(acceptHMRUpdate(useAuth, import.meta.hot))
}
// auth.js
import { defineStore, acceptHMRUpdate } from 'pinia'
const useAuth = defineStore('auth', {
// options...
})
// make sure to pass the right store definition, `useAuth` in this case.
if (import.meta.hot) {
import.meta.hot.accept(acceptHMRUpdate(useAuth, import.meta.hot))
}