[ 基础漏洞篇 ] webpack 前端源码泄露详解

  🍬 博主介绍  

• 👨‍🎓 博主介绍：大家好，我是 _PowerShell ，很高兴认识大家~
• ✨主攻领域：【渗透领域】【数据通信】 【通讯安全】 【web安全】【面试分析】
• 🎉点赞➕评论➕收藏 == 养成习惯（一键三连）😋
• 🎉欢迎关注💗一起学习👍一起讨论⭐️一起进步📝文末有彩蛋
• 🙏作者水平有限，欢迎各位大佬指点，相互学习进步！

目录

  🍬 博主介绍  

一、webpack 介绍

1. 什么是 webpack ？

2. webpack 的主要功能是什么？

3. webpack 使用不当能造成什么样的危害？

二、webpack 前端源码泄露挖掘

1. 手工挖掘

1. 查找使用webpack的网页

2. 下载源码

3. source map文件还原

2. 利用插件进行挖掘

三、webpack 前端源码泄露漏洞修复建议

一、webpack 介绍

1. 什么是 webpack ？

webpack 是代码编译工具，有入口、出口、loader 和插件。webpack 是一个用于现代javascript应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个 bundle。

简单来说：webpack就是一个打包器（bundl