require.context的理解

妖狐艹你老母 2021-12-19 14:57 307阅读 0赞

对下面这段代码的理解

const srcContext = require.context('../../src', true, /\.(vue|js)$/);
    srcContext.keys().forEach(srcContext);

第一行代码，定义的常量 srcContext返回的内容如下：

var map={
    "./components/test/test.vue": "./src/components//test/test.vue",
    	"./pages/index.js": "./src/pages/index.js"
    };
    function webpackContext(req) {
    	return __webpack_require__(webpackContextResolve(req));
    };
    function webpackContextResolve(req) {
    	var id = map[req];
    	if(!(id + 1)) // check for number or string
    		throw new Error("Cannot find module '" + req + "'.");
    	return id;
    };
    webpackContext.keys = function webpackContextKeys() {
    	return Object.keys(map);
    };
    webpackContext.resolve = webpackContextResolve;
    module.exports = webpackContext;
    webpackContext.id = "./src recursive \\.(vue|js)$";

第二行代码，srcContext.keys()返回的内容如下：

["./components/test/test.vue","./pages/index.js"]

forEach(srcContext)中的srcContext 就是module.exports后的webpackContext；  
其实调用的是 `function webpackContext(req){ };`  
传入的req参数为srcContext.keys()中的每一项；  
如：第一次遍历的时候传入的是"./components/test/test.vue"，  
调用webpackContextResolve(req)后返回的值为 “./src/components//test/test.vue”;  
调用下面的方法后，会将正则表达式匹配到的所有的文件require进来

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

发表评论取消回复

表情：

评论列表（有 0 条评论，307人围观）

还没有评论，来说两句吧...

相关阅读

相关 git的理解

什么是版本管理版本管理是一种记录文件变化的方式，以便将来查阅特定版本的文件内容人为维护文档版本的问题 > 文档数量多且命名不清晰导致文档版本混乱 > 每次

素颜马尾好姑娘i/ 2023年01月05日 12:46/ 0 赞/ 128 阅读

相关 arguments的理解?

arguments是一个内置对象，伪数组，看似数组但是不能用数组的方法 function fun(){ console.log(arguments)

╰半橙微兮°/ 2022年12月28日 11:12/ 0 赞/ 195 阅读

相关深度理解笔记_对深度理解的理解

是什么？当前深度理解的东西是什么？可不可以不依赖任何资料将其用自己的话进行转述？并且可以让没有学习过这个概念的人一下子就弄明白为什么？为什么要发明创造这

╰半橙微兮°/ 2022年11月10日 01:24/ 0 赞/ 220 阅读

相关 domain的理解

domain一般包括entity、dto、enums 实体entity：和数据库字段一一对应的类数据传输对象dto：比如登录时的确认密码字段，实际数据库没有这个字段

忘是亡心i/ 2022年10月09日 03:29/ 0 赞/ 188 阅读

相关宏的理解

转载地址： http://zhidao.baidu.com/link?url=Sjofy5T61LPtTGsVpvl5kjfYEja5J8UIpZMMKnBJqz74N

痛定思痛。/ 2022年08月05日 05:09/ 0 赞/ 199 阅读

相关 Logger的理解

简单的说，就是配合log的等级过滤输出比如，你在开发的时候，要验证一个方法有没有被调用搜索到，为了方便调试，通常会在这个方法开始的时候加一些system.out。但是项目

妖狐艹你老母/ 2022年06月08日 23:30/ 0 赞/ 171 阅读

相关电磁波的理解

一.概念： 1.在空间传播着的[交变电磁场][Link 1]，即[电磁波][Link 2]。它在[真空][Link 3]中的传播速度约为每秒30万公里。 2.电磁波，是由相

素颜马尾好姑娘i/ 2022年05月10日 12:18/ 0 赞/ 211 阅读

相关 volatile的理解

一、如何理解呢？ volatile可理解为防止编译器优化，保持内存可见性；即确保本条指令不会因编译器的优化而省略，且要求每次直接读值。相当于假设我程序中有一个变量被reg

落日映苍穹つ/ 2022年04月12日 03:19/ 0 赞/ 253 阅读

相关 servlet的理解

servlet是什么。 Servlet是Java编写的服务器端程序。而这些Servlet都要实现Servlet这个接口。其主要的功能在于交互式地浏览和修改数据生成动态

分手后的思念是犯贱/ 2022年02月15日 00:25/ 0 赞/ 552 阅读

相关 vuex的理解

vuex核心概念： 1.state :类似类中的变量，但其改变时，会触发更新相关dom。 2.Getter :类似类中的方法，值改变时自动改变。

不念不忘少年蓝@/ 2021年12月11日 02:27/ 0 赞/ 337 阅读