VueX模块化分离

1.0

import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
Vue.use(Vuex)
const modulesFiles = require.context('./modules', true, /\.js$/) // 获取全部js的文件名
// [ './app.js', './errorLog.js', './permission.js', './settings.js', './tagsView.js', './user.js']
const modules = modulesFiles.keys().reduce((modules, modulePath) => {
  // set './app.js' => 'app'
  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1') // 去除"./"===> app errorLog
  console.log('moduleName', moduleName)
  const value = modulesFiles(modulePath) // 获取vuex全部属性
  console.log('1', value.default)
  modules[moduleName] = value.default // 每个vuex文件都赋值vuex全部属性
  return modules
}, {})
const store = new Vuex.Store({
  modules,
  getters
})
export default store