webpackJsonp运行流程
时间: 2024-01-19 10:02:28 浏览: 72
webpackJsonp是webpack在进行代码分割时使用的一个函数。它的主要作用是将分割出来的代码块加载并注入到页面中。
下面是webpackJsonp的运行流程:
1. webpack会将代码分割成多个模块,在需要的时候动态加载。
2. 当需要加载一个分割出来的模块时,webpack会生成一个jsonp的请求,请求的url中包含了该模块的id。
3. 浏览器接收到请求后,会使用jsonp的方式加载该模块的代码。
4. 当该模块的代码被加载完成后,webpackJsonp函数会被调用。
5. webpackJsonp函数会将该模块的代码注入到页面中,并且返回该模块的exports对象。
6. 当该模块的代码被注入到页面中后,该模块的代码就可以被其他模块使用。
总之,webpackJsonp函数的主要作用是处理代码分割后的模块加载和注入,保证整个应用程序的正确性和高效性。
相关问题
webpackjsonp
webpackJsonp是webpack在打包过程中用来实现代码分割和异步加载的重要机制之一。它是一个全局变量,用于存储异步加载的模块信息。在webpack的输出结果中,异步加载的模块会被打包成一个单独的文件,并使用webpackJsonp将其加入到主文件中。通过调用webpackJsonp函数,可以将异步加载的模块加载到页面中。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [webpack系列之一总览](https://blog.csdn.net/weixin_33971130/article/details/87947006)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
webpackjsonp逆向
根引用和引用的内容可知,webpackJsonp逆向是指通过分析webpack打包的代码,理解如何使用webpackJsonp来加载模块和处理依赖关系。具体来说,如果window.webpackJsonp为空,那么就将其声明为一个数组变量;如果window.webpackJsonp不为空,那么就执行webpackJsonp的代码逻辑。这样可以实现对webpack打包的代码进行分析和反向操作。另外,引用提供了一个基于ast的方式自动抠取webpack打包的代码的项目地址,你可以参考这个项目来了解更多关于webpackJsonp逆向的实现方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [JS逆向中常见的window.webpackJsonp分析](https://blog.csdn.net/Xzike/article/details/123874734)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [JS逆向|webpack的各种解法,最后一种简直是王炸。](https://blog.csdn.net/qq523176585/article/details/124722785)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)