前言介绍:require.context 是一个函数,它用于获取指定上下文中所匹配的模块。它的参数分别代表:
1. `directory` : 要搜索的文件夹路径
2. `useSubdirectories`(可选): 是否搜索子文件夹,默认为 `true`
3. `regExp` : 匹配文件的正则表达式
使用 `require.context` 可以方便地在编译时动态地引入模块,而不需要显式地在代码中一 一 引入。例如:
获取当前文件夹下所有以 `.js` 结尾地文件
const req = require.context( "./", true, /\.js$/);
const modules = req.keys.reduce((modules, modulePath) => {
let moduleName = modulePath.replace(/^.\/(.*)\.js/, '$1')
const value = req(modulePath)
modules[moduleName] = value
return modules
}, {})
我是小小 前端 ,点关注不迷路。喜欢前端可以去看看博主的其他文章 。都是一些非常实用的开发技巧。山水有相逢,咱们下期再见!
require.context是一个用于在指定目录下动态查找和加载模块的函数。通过提供目录路径、是否搜索子目录及匹配文件的正则表达式,可以在编译时自动化地引入.js文件。文章展示了如何使用这个功能来构建一个模块列表,是前端开发中的实用技巧。

被折叠的 条评论
为什么被折叠?



