trigger方法中引用模块资源的代码如下,对y方法进行调用,传入了一个资源的路径。
1 2 3 |
|
那y方法是什么呢?顺藤摸瓜,继续看下打包后的代码。
1 |
|
y方法是某个模块的export,继续查看这个id下的模块代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
|
"6085","fd3b"等map映射的value值可想而知,是真正的资源id值,其对应的模块映射如下:
1 2 3 4 |
|
当用户触发trigger方法时,根据type和index指定的值,require.context存储的模块资源引用会根据key值找到真正的资源模块,进行require,浏览器会帮助我们下载相应的资源,做到了批量引入后按需加载的想法。
本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注PHP中文网的JavaScript视频教程栏目!
以上就是require.context的用法介绍(附示例)的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
foreach()、array.map()和array.filter()怎么用?(代码示例)
更多相关阅读请进入《webpack》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者