webpack初识(js逆向)


webpack调试

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

就像这样

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

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

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

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

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

加载器

一个webpack的加载器长这样:

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

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

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

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

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

总结来说,就是:

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

相关推荐
JarvanMo2 分钟前
深度解析:如何彻底终结 Flutter 异步操作中的 BuildContext 崩溃?
前端
wxr06167 分钟前
部署Spring Boot项目+mysql并允许前端本地访问
前端·spring boot·mysql·持续部署
假装我不帅13 分钟前
jquery-validation使用
前端·javascript·jquery
怕浪猫18 分钟前
React从入门到出门第六章 事件代理机制与原生事件协同
前端·javascript·react.js
天府之绝22 分钟前
uniapp 中使用uview表单验证时,自定义扩展的表单,在改变时无法触发表单验证处理;
开发语言·前端·javascript·vue.js·uni-app
be or not to be23 分钟前
Html-CSS动画
前端·css·html
初恋叫萱萱28 分钟前
技术基石与职场进阶:构建从Web后端到高性能架构的完整知识图谱
前端·架构·知识图谱
木木木一32 分钟前
Rust学习记录--C9 错误处理
前端·学习·rust
局外人LZ34 分钟前
libsodium.js:web端与 Node.js 的现代加密工具集,构建前端安全加密体系
前端·javascript·node.js
xkxnq39 分钟前
第二阶段:Vue 组件化开发(第 20天)
前端·javascript·vue.js