webpack的require是如何工作的？

最新推荐文章于 2024-08-08 23:53:19 发布

weixin_34228617

最新推荐文章于 2024-08-08 23:53:19 发布

阅读量218

点赞数

CC 4.0 BY-SA版权

文章标签： webpack json javascript ViewUI

原文链接：http://www.cnblogs.com/kidsitcn/p/8721324.html

本文详细解释了Webpack中的require函数的工作原理，类似于Node.js中的require调用。通过具体步骤说明了如何定位并加载模块，包括查找原生模块、node_modules目录下的模块及如何依据package.json中的main字段来确定入口文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://stackoverflow.com/questions/35625593/how-does-webpacks-require-work

wepback的require函数调用类似于nodejs cmd 的require调用.https://nodejs.org/api/modules.html#modules_all_together

以上链接可以清除地看到require被调用时他是如何找到require函数应该返回的对象或函数的。如果你require 'jquery'，他首先查看是否是一个原生的module,如果不是，则找到node_modules目录（因为没有/或者./在目录的前面）既然jquery是node_modules下面的一个folder,随后就检查jquery目录下的package.json文件，查看该.json文件中的main申明部分，随后调用这个main定义的部分代码，任何在该嗲吗中返回的内容就作为require返回的内容。需要注意的是require本身具有cache特性。也就是说modules会在首次load加载之后被cache起来。这也意味着每个require('foo')调用都会返回相同的object.多次调用require('foo')并不会导致module的code被执行多次。这是一个非常重要的feature!!如果希望每次require('foo')时执行都执行module的部分代码，那么需要export一个function,然后调用哪个function

转载于:https://www.cnblogs.com/kidsitcn/p/8721324.html