index.js 938 B

12345678910111213141516171819202122232425262728293031323334
  1. import Vue from 'vue'
  2. import Vuex from 'vuex'
  3. import getters from './getters'
  4. import cloneDeep from 'lodash/cloneDeep'
  5. Vue.use(Vuex)
  6. // https://webpack.js.org/guides/dependency-management/#requirecontext
  7. const modulesFiles = require.context('./modules', true, /\.js$/)
  8. // you do not need `import app from './modules/app'`
  9. // it will auto require all vuex module from modules file
  10. const modules = modulesFiles.keys().reduce((modules, modulePath) => {
  11. // set './app.js' => 'app'
  12. const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
  13. const value = modulesFiles(modulePath)
  14. modules[moduleName] = value.default
  15. return modules
  16. }, {})
  17. const store = new Vuex.Store({
  18. modules,
  19. mutations: {
  20. // 重置vuex本地储存状态
  21. resetStore (state) {
  22. Object.keys(state).forEach((key) => {
  23. state[key] = cloneDeep(window.SITE_CONFIG['storeState'][key])
  24. })
  25. }
  26. },
  27. getters
  28. })
  29. export default store