require.context

目录

webpack的官方介绍：

解释：

1）入参 

2）返回

3）用法

---

webpack的官方介绍：

require-context官网介绍地址

解释：

       通常我们可能会在多个页面require同一个组件，数量少还行，多了的话就很蛮烦，维护起来也费劲。这个时候require.context 就排上用场了，一次性引入。

1）入参 

        1. 你要引入文件的目录

        2.是否要查找该目录下的子级目录

        3.匹配要引入的文件

2）返回

      1. context.require 返回一个require 函数：

function webpackContext(req) {
    return __webpack_require__(webpackContextResolve(req));
}

    2. 改函数有三个属性：resolve 、keys、id

        · resolve: 是一个函数，他返回的是被解析模块的id

        · keys: 也是一个函数，他返回的是一个数组，该数组是由所有可能被上下文模块解析的请求对象组成

        · id：上下文模块的id

3）用法

         拿该目录为例

         

          要引入src文件夹中所有包含.stories.js的文件：

          那么我们就在需要的文件中写下以下代码

let requireAll = requireContext => requireContext.keys().map(requireContext)
let req = require.context('../src', true, /.stories.js$/)
requireAll(req)

转自：https://blog.csdn.net/my_dream014/article/details/80264619