无需一一导入，快来用它

在我们日常的开发当中，我们往往要引入相关的组件。当然组件少的情况下还可以一一单独引入，但是如果有成百上千的组件我们还

要一一引入吗？这里给大家推荐一种快捷的方式，即使用 require.context 的方式来自动引入组件。首先我们来看看require.context是什么？

1.是什么？

require.context 是webpack的api, 我们可以通过require.context()函数来创建自己的context

2.基本语法

requre.context(directory,true,regx)

• 第一个参数代表要搜索的目录
• 第二个参数代表是否还搜索其子目录
• 第三个参数代表匹配的正则表达式、

例子：

require.context("@/views/pageComponents",true,/.vue$/)
//  创建出一个context,其中文件来自非pageComponents目录, request以`.vue`文件结尾

3.样例

在我做的项目中要引入很多的svg图标，一一引入太麻烦了，则使用require.context()来自动引入

const req = require.context('./svg', false, /\.svg$/);
requireAll(req)
export  const iconAll= requireAll(req)