1 | const req = require.context( './svg' , false , /\.svg$/) |
2 | const requireAll = requireContext => requireContext.keys().map(requireContext) |
3 | requireAll(req) |
| 首先介绍下入参 :
1. 你要引入文件的目录
2.是否要查找该目录下的子级目录
3.匹配要引入的文件
| 返回值是一个function:
1 | function webpackContext(req) { |
2 | return __webpack_require__(webpackContextResolve(req)); |
3 | } |
· resolve: 是一个函数,他返回的是被解析模块的id
· keys: 也是一个函数,他返回的是一个数组,该数组是由所有可能被上下文模块解析的请求对象组成
· id:上下文模块的id
| 用法:
拿该目录为例

要引入svg下面所有的svg文件:
在该文件(icons)目录下新建一个js文件index.js 写如下代码:
1 | let requireAll = requireContext => requireContext.keys().map(requireContext) |
2 | let req = require.context( './svg' , false , /\.svg$/) |
3 | requireAll(req) |