webpack初识(js逆向)


webpack调试

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

就像这样

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

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

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

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

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

加载器

一个webpack的加载器长这样:

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

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

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

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

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

总结来说,就是:

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

相关推荐
samroom2 分钟前
Vue项目---懒加载的应用
前端·javascript·vue.js·性能优化
手机忘记时间20 分钟前
在R语言中如何将列的名字改成别的
java·前端·python
郝郝先生--37 分钟前
Flutter 异步原理-Zone
前端·flutter
geovindu1 小时前
vue3: pdf.js5.2.133 using typescript
javascript·vue.js·typescript·pdf
花开花落的博客1 小时前
uniapp 不同路由之间的区别
前端·uni-app
whatever who cares1 小时前
React 中 useMemo 和 useEffect 的区别(计算与监听方面)
前端·javascript·react.js
老兵发新帖1 小时前
前端知识-hook
前端·react.js·前端框架
2501_915373881 小时前
打造一个 Markdown 编辑器:Electron 项目实战教程
javascript·electron·编辑器
t_hj1 小时前
Ajax的原理和解析
前端·javascript·ajax
蓝婷儿2 小时前
前端面试每日三题 - Day 29
前端·面试·职场和发展