``` import Vuex from 'vuex'; import defaultState from './state/state.js'; import mutations from './mutations/mutations.js'; import getters from './getters/getters'; import actions from './actions/actions' const isDev = process.env.NODE_ENV === 'development'; export default () => { //讓webpack支持對store的熱替換 const store = new Vuex.Store({ strict: isDev, state: defaultState , mutations , getters , actions }); if(module.hot){ module.hot.accept([ './state/state' ,'./mutations/mutations' ,'./actions/actions' ,'./getters/getters' ],()=>{ //因為是export default導出的(是es6語法) 故需要require().default 引入 const newState = require('./state/state').default; const newMutations = require('./mutations/mutations').default; const newActions = require('./actions/actions').default; const newGetters = require('./getters/getters').default; store.hotUpdate({ state:newState ,mutations:newMutations ,actions:newActions ,getters:newGetters }) }); } return store; }; ```