VUEX模块化

//require.context ==> webpack提供的一种优化方法 ==> 统一的处理某一类型文件
//require.context(路径名, 是否递归, 文件类型格式) ==> 返回值得到一个方法
let modulesFiles = require.context("./modules", true, /\.js$/); 

//modulesFiles.keys() ==> 获取指定目录下符合条件的文件名组成的数组

const modules = modulesFiles.keys().reduce((modules, modulePath) => {
  //提取文件名称 ==> 作为  键 来使用
  const moduleName = modulePath.replace(/^\.\/(.+)\.js$/, "$1");
  //调用modulesFiles方法 ==> 传递文件路径 ==> 得到该文件导出的内容
  const value = modulesFiles(modulePath);
  //modules['app']  modules.app = value
  modules[moduleName] = value.default;
  return modules;
}, {});

const store = new Vuex.Store({
  modules,
  getters,
});

export default store;