webpack中require.context 用法

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

Examples:

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

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

2.入参

  1. 你要引入文件的目录

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

  3.匹配要引入的文件

3.返回的：

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

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

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

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

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

        · id：上下文模块的id

用法：

const pages = require.context('pages', true, //.*.js$/)

pages.keys().map(key => {
  if (!key.includes('/store/')) return
  const keys = key.replace(/(./|.js)/g, '')
  modules[keys.split('/').pop()] = pages(key).default
})

export default modules

最后把modules注册进去即可