webpack初识(js逆向)


webpack调试

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

就像这样

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

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

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

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

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

加载器

一个webpack的加载器长这样:

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

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

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

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

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

总结来说,就是:

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

相关推荐
SuperEugene4 分钟前
Vue3 + Element Plus 全局 Message、Notification 封装与规范|Vue生态精选
前端·javascript·vue.js
掘金安东尼5 分钟前
活动落地页效率翻倍:RollCode 这次更新有点猛
前端·低代码·面试
北冥有鱼其名为坤5 分钟前
诡异!vite+vue3 项目图片无法显示,我怀疑人生…
前端
FE_winter8 分钟前
OpenClaw Skills 进阶实战:前端开发者的 AI 技能库搭建指南
前端·后端·程序员
wordbaby24 分钟前
小白也能看懂:小程序 Canvas 给图片添加水印的终极指南
前端·canvas
Mapmost25 分钟前
“汛”速响应:流域洪水仿真分析,如何实现淹没过程的精准推演?
前端
梁大虎27 分钟前
Electrobun 开发必看:CEF 依赖下载失败?手动解压一招搞定!
前端·javascript·后端
青青家的小灰灰38 分钟前
拒绝 Prop Drilling 与隐式耦合:Vue 组件通讯的全景指南与最佳实践
前端·javascript·vue.js
代码老中医38 分钟前
我赌5年后,90%的CRUD页面都是AI生成的
前端
bluceli39 分钟前
前端监控与错误追踪实战指南:构建稳定应用的终极方案
前端·监控