请问使用了webpack打包后的前端js文件可以还原成源代码吗?

如题:请问各位大大,使用webpack打包之后的js代码,可以还原成源代码吗?如果可以,还原难度怎么样?

回复
阅读 21k
3 个回答

如果是你自己的项目,就可以在打包的时候附上 source map 文件,方便调试。
如果是别人的,就可以用一些 js lint 或者 js beautifier 之类的工具,不过还原得如何,取决于源代码的结构和工具的智能。chrome 浏览器本身有个 pretty print 工具,可以在开发工具的 source 标签下打开 js 文件,然后点击代码左下方的 {} 按钮即可。

没有sourcemap的话,可以格式化,看起来会好看一些,但是混淆后的变量名大部分是没法还原的
如果代码经过类似google closure之类的工具处理的话,或许一部分逻辑就没有办法还原了

我同意楼上 1,2楼的看法.

不过没有想过前端会有很复杂的逻辑.
通常没有人会去直接复制拷贝全部的代码.

如果是简单的功能逻辑, 或者更简单的样式。 就算你是加密混淆也可以查出来的.
再说现在开发者工具里面, DOM 的各种事件在哪里触发的, 肯定可以找到.

而且无论如何, 你只是代码里的变量名缩短了, 但是无论如何都要使用 Javascript 的函数吧
这可是解释型语言。


更直接的说.

你既然使用webpack, 那前端的数据必然来源于网络交互.


再者的, 对有经验的开发者来说.
完全不用去看别人的代码, 就应该能想到可能的实现方式

宣传栏