import Vue from 'vue';
import Vuex from 'vuex';
import getters from './getters';
Vue.use(Vuex);
const modulesFiles = require.context('./modules', false, /\.js$/);
const modules = modulesFiles.keys().reduce((modules, modulePath) => {
// set './app.js' => 'app' $1是正则里边的捕获,(.*)内的内容;
const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1');
const value = modulesFiles(modulePath);
modules[moduleName] = value.default;
return modules;
}, {});
const store = new Vuex.Store({
modules,
getters
});
**require.context(directory,useSubdirectories,regExp)**
1.directory:表示检索的目录
2.useSubdirectories:表示是否检索子文件夹
3.regExp:匹配文件的正则表达式,一般是文件名
例如 require.context("@/views/components",false,/.vue$/)00
keys() 方法用于从数组创建一个包含数组键的可迭代对象。
如果对象是数组返回 true,否则返回 false。
vuex的modules引入 (文件批量引入)
于 2022-04-19 16:28:41 首次发布