webpack初识(js逆向)


webpack调试

很多时候再看webpack的代码块的时候都一头雾水,不知道这个函数的具体逻辑在哪里,因为打包之后一些函数块是通过数字或者字符串进行调用的

就像这样

这里每个括号包括着的字符串都相当于一个函数,但是他们的逻辑在其他地方

第二种情况:window["webpackJsonp"]

大概长这样( = window["webpackJsonp"] || []).push(["login"])

作用就是把打包过的函数放到一个全局缓存里边

就是将多个js代码进行打包,生成一个主文件,多个子文件

加载器

一个webpack的加载器长这样:

这里如果在return语句前放一个console.log(e[n]+"")的话,可以打印出所有已经加载过的方法

那么知道了这些后,我们怎么拿到由webpack加载的代码呢?

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

这是一个webpack初始化的地方,作用是检查环境和一些初始化的渲染,一定记得要删除

那么如果我们想随时调用webpack里的东西的时候,我们就需要将整个webpack代码抠出来,然后使用加载器进行一个全局加载

总结来说,就是:

本人网课笔记,如有错误还请指正,不胜感激!

相关推荐
zwjapple2 小时前
docker-compose一键部署全栈项目。springboot后端,react前端
前端·spring boot·docker
像风一样自由20204 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
aiprtem5 小时前
基于Flutter的web登录设计
前端·flutter
浪裡遊5 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
why技术5 小时前
Stack Overflow,轰然倒下!
前端·人工智能·后端
GISer_Jing5 小时前
0704-0706上海,又聚上了
前端·新浪微博
止观止6 小时前
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案
前端·pnpm·前端工程化·包管理器
whale fall6 小时前
npm install安装的node_modules是什么
前端·npm·node.js
烛阴6 小时前
简单入门Python装饰器
前端·python
袁煦丞6 小时前
数据库设计神器DrawDB:cpolar内网穿透实验室第595个成功挑战
前端·程序员·远程工作