require.context使用方法

require.context是什么

 

context的定义:

 

context:  is some directory that is used as a base for resolving paths to modules. 

 

 

 

 

 

 

 

https://webpack.js.org/guides/dependency-management/

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

（ 由于webpack对代码进行编译，而不是执行代码，

 因此你用了name这个变量，并不能被执行到，被webpack发现这里面是一个表达式了，

而后就会建立一个context

 

 

 

 

 

 

 

 

 

webpack可以支持动态地require,但会致使全部可能用到的模块都包含在bundle中

 

 

 

 

 

 

 

 

Request，值的是require表达式中间的那个值的部分

 

 

 

 

 

The syntax is as follows:

 

require.context(directory, useSubdirectories = false, regExp = /^\.\//)

Examples:

require.context("./test", false, /\.test\.js$/);

// a context with files from the test directory that can be required with a request endings with `.test.js`.

require.context("../", true, /\.stories\.js$/);

// a context with all files in the parent folder and descending folders ending wit...

 

 

 

 

 

 

 

 

 

require.context返回一个函数:

 

或者下面的写法:

 

 

 

 

 

 

该函数对象有三个属性

 

一个 context module 会导出一个（require）函数，此函数能够接收一个参数：request。

此导出函数有三个属性：resolve, keys, id。

• resolve 是一个函数，它返回 request 被解析后获得的模块 id。
• keys 也是一个函数，它返回一个数组，由全部可能被此 context module 处理的请求（译者注：参考下面第二段代码中的 key）组成。
• id 是 context module 里面所包含的模块 id.  

 

 

 

 

map:

 

resolve:

 

keys:

 

 id:

 

 

 

 

用法:

 

解析:

let req = require.context...

req是返回的函数对象，这个对象能被调用(由于是函数对象) ,就是一个require函数..

这个对象也有三个属性resolve,keys,id...

 

用上面的方法能够将目录下的全部文件一次性处理，引入，不用一个一个去写require引入。