require.context是什么

前言

最近在工作中发现项目开始用require.context来管理项目的模块结构了，比较好奇require.context到底是什么，有什么作用。

作用

通过正则遍历文件夹获取文件的上下文，可以很方便的帮助项目批量（自动）导入相关配置。

用法

require.context接收三个参数：开始的目录路径，是否遍历子目录，正则

返回一个函数包含三个参数：resolve，keys，id

The exported function has 3 properties: resolve, keys, id.

• resolve is a function and returns the module id of the parsed request.
• keys is a function that returns an array of all possible requests that the context module can handle.
• id is the module id of the context module. This may be useful for module.hot.accept.

// require.context(directory, useSubdirectories = true, regExp = /^\.\/.*$/, mode = 'sync');
files = require.context('./test', false, /\.test\.js$/);
files.keys()返回文件名数组
let exampleFile = files.keys()[0];
fiels[exampleFile]; // exampleFile文件上下文 -- 可以理解成import过来的对象

Example

针对Vue路由配置进行优化。https://juejin.im/post/5c106485e51d450e657571a6

参考链接

https://www.jianshu.com/p/c894ea00dfec

官方文档：https://webpack.js.org/guides/dependency-management/