[vue2]vuex的store/index.js自动导入module

[vue2]vuex的store/index.js自动导入module

自动导入modules目录下所有js文件 新增modules后不需要手动导入

import Vue from 'vue';
import Vuex from 'vuex';

import getters from './getters';
import _ from 'lodash';

/**
 * desc:自动导入modules目录下所有js文件  新增modules后不需要手动导入
 */
const modulesFiles = require.context('./modules', true, /\.js$/);
const modules = modulesFiles.keys().reduce((modules, modulePath) => {
  const moduleName = modulePath.replace(/\.\/(.*)\.\w+$/, '$1');
  // 执行modulesFiles函数，返回一个对象{default: {// 文件内容}, _esModule: true}
  const value = modulesFiles(modulePath);
  modules[moduleName] = value.default;
  return modules;
}, {});

Vue.use(Vuex);
const store = new Vuex.Store({
  modules: {
    ...modules
  },
  state: {
    ...
  },
  mutations: {
    setState(state, payload) {
      const { key, value } = payload;
      state[key] = value;
    },
    setStateByPath(state, payload) {
      const { path, value } = payload;
      _.set(state, path, value);
    },
    ...
  },
  actions: {
    ...
  },
  getters: {
    ...getters,
  }
});

export default store;