webpack初识(js逆向)


webpack调试

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

就像这样

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

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

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

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

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

加载器

一个webpack的加载器长这样:

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

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

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

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

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

总结来说,就是:

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

相关推荐
老毛肚7 分钟前
jeecgboot TS + Vue 模板化 03
前端·javascript·vue.js
小林ixn7 分钟前
揭秘JavaScript面向对象:从栈模拟队列到原型链的深度剖析
javascript
下北沢美食家9 分钟前
SSE 入门
前端
云计算磊哥@10 分钟前
运维开发宝典023-WEB网站服务
运维·前端·运维开发
FlyWIHTSKY12 分钟前
React 19 + Next.js 16(App Router)项目中集成 MSW
开发语言·javascript·vue.js
冰暮流星32 分钟前
javascript之对象的建立-使用Object
开发语言·javascript·ecmascript
加点油。。。。34 分钟前
【1.Obsidian渲染html文件】
前端·html·obsidian
ZFSS35 分钟前
BYOK(自带密钥)使用指南
运维·服务器·前端·人工智能·midjourney
AI_零食35 分钟前
呼吸灯 - 通过鸿蒙PC Electron框架技术完成-在焦虑时代守护每一次呼吸的数字禅修
前端·javascript·华为·electron·前端框架·鸿蒙
佛山个人技术开发42 分钟前
高端旅游风景区酒店民宿网站模板 自适应宽屏文旅酒店源码
前端·html5·旅游