打包网站源码分享 打包网站源码分享怎么弄

大家好,今天来为大家分享打包网站源码分享的一些知识点,和打包网站源码分享怎么弄的问题解析,大家要是都明白,那么可以忽略,如果不太清楚的话可以看看本篇文章,相信很大概率可以解决您的问题,接下来我们就一起来看看吧!

偶然间,看到一个很高端、大气、科幻的网站:

立即就有学习该网站技术的想法。

查看源码、调出开发者工具,看到如上内容。

简单分析发现,这是一个经webpack打包的js:

而且map文件也存在:

有js、map两个文件,可以很轻松地还原出源码。

NodeJS环境下,安装shuji,这是一个webpack还原工具,借助它,可以很轻松恢复出源代码。

安装过程略。执行还原:

瞬间得到项目源文件,js代码、obj模型、贴图等。Index.vue文件的存在,说明这是一个vue构建的工程:

用同样的方法,还原其它几个map文件,这样,基本上就得到了完整的项目源码:

Threejs、vue结合的一个项目,得到源码,可以开始学习了。

在安全角度来看,这算得上是一起因为map文件外泄导致的源码安全问题,属于web安全问题一类。

关于打包网站源码分享,打包网站源码分享怎么弄的介绍到此结束,希望对大家有所帮助。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平