💻前端小知识：`require.context`是什么🧐

大家有没有好奇过，在Webpack中经常看到的`require.context`是什么？它是一个模块上下文的函数，用来动态加载模块。简单来说，它可以批量引入文件，比如图片、配置文件等。不过，它的第三个参数（是否递归）能不能传空值呢？🤔

👀先来看看它的结构：`require.context(directory, useSubdirectories, regExp)`。第三个参数是布尔值，默认是`false`，表示是否递归查找子目录。那么，传`null`或空值会怎么样呢？答案是不行！Webpack会报错，因为这个参数需要明确指定为`true`或`false`。💡

📌举个栗子🌰：假设你有一个图片文件夹`/assets/icons`，想加载所有`.png`格式的图片，可以用以下代码👇

```javascript

const context = require.context('./assets/icons', true, /\.png$/);

const icons = context.keys().map(context);

console.log(icons);

```

虽然`require.context`看似简单，但细节决定成败！掌握好它的用法，能让你的项目更高效、整洁。💪✨