在前端开发中，我们常常需要动态加载多个模块或文件，这时就需要使用到多个 require 语句，十分繁琐。 glob-require 是一个 npm 包，可以简化多个 require 语句的编写和管理，极大地提高前端开发效率。
安装和使用
使用 npm 安装 glob-require：
npm install glob-require
使用时，可以先定义一个规则，然后调用 globRequire 方法加载模块：
const globRequire = require('glob-require');
const modules = globRequire('path/to/modules/**/*.js');上面的代码会加载 path/to/modules 目录下所有的 js 文件，包括子目录中的文件。
配置文件
如果需要自定义规则，可以在项目根目录下创建一个 glob-require.js 文件，然后根据需求进行配置。
以下是一个简单的示例：
module.exports = {
root: __dirname,
patterns: {
model: 'app/models/**/*.js',
controller: 'app/controllers/**/*.js'
}
}上述配置定义了两个规则：model 和 controller，对应的文件路径分别为 app/models 和 app/controllers。
示例
下面是一个示例，展示如何使用 glob-require 加载模块并执行方法：
-- -------------------- ---- ------- --- --- - --- ----------- - - --- -------- - - --- -------- - --- ------ - - --- --------- - - --- --------- - --- -------- - --- ----------- --- --------
index.js 文件：
const globRequire = require('glob-require');
const handlers = globRequire('app/controllers/**/*.js');
const models = globRequire('app/models/**/*.js');
const services = globRequire('app/services/**/*.js');
handlers['/path1'](models.model1, services.service1);
handlers['/path2'](models.model2, services.service1);ctrl1.js 文件：
module.exports = function(model, service){
// do something ...
}ctrl2.js 文件：
module.exports = function(model, service){
// do something ...
}model1.js 文件：
module.exports = {
// ...
}model2.js 文件：
module.exports = {
// ...
}service1.js 文件：
module.exports = {
// ...
}在 index.js 文件中，首先使用 globRequire 加载 app/controllers、app/models 和 app/services 目录下的所有 js 文件，并保存到 handlers、models 和 services 变量中。然后通过 handlers 对象调用 ctrl1 和 ctrl2 文件中导出的方法，并将 model 和 service 传入。
总结
glob-require 简化了前端开发中动态加载多个模块或文件的流程，提高了开发效率，值得前端开发者使用。通过对配置文件的定义，我们能够自定义符合自己项目需求的规则，更加灵活。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e6e255dee6beeee73f6