前言介绍: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
}, {})
我是小小 前端 ,点关注不迷路。喜欢前端可以去看看博主的其他文章 。都是一些非常实用的开发技巧。山水有相逢,咱们下期再见!