webpack的require.context实现前端工程化自动引入

229 阅读1分钟

当需要频繁引入一个模块时,就可以使用这个api,用来实现文件的自动引入,不需要每次显式的调用import导入模块。比如全局组件的注册,vuex模块化

let modulesFiles = require.context(引入的文件路径,是否检索子目录,匹配的正则表达式) 返回一个函数 modulesFiles(传入引入过的模块路径就能获取到该模块) modulesFiles.keys() keys {Function} -返回匹配成功模块的名字组成的数组 modulesFiles.resolve {Function} -接受一个参数request,request为test文件夹下面匹配文件的相对路径,返回这个匹配文件相对于整个工程的相对路径 id {String} -执行环境的id,返回的是一个字符串,主要用在module.hot.accept,应该是热加载?