Hot Reloading

// store.js
import Vue from 'vue'
import Vuex from 'vuex'
// Load all modules.
function loadModules() {
  const context = require.context("./modules", false, /([a-z_]+)\.js$/i)
  const modules = context
    .keys()
    .map((key) => ({ key, name: key.match(/([a-z_]+)\.js$/i)[1] }))
    .reduce(
        ...modules,
        [name]: context(key).default
      }),
      {}
    )
  return { context, modules }
}
const { context, modules } = loadModules()
Vue.use(Vuex)
  modules
})
if (module.hot) {
  // Hot reload whenever any module changes.
  module.hot.accept(context.id, () => {
    const { modules } = loadModules()
    store.hotUpdate({
      modules
    })
  })
}