Java+vue部署版本反编译

原创

于 2024-09-25 07:44:50 发布 · 1.6k 阅读

31 ·

CC 4.0 BY-SA版权

文章标签：

#java #vue.js #开发语言

1. Vue项目反编译

1.1 使用reverse-sourcemap工具

Vue项目在构建过程中，通常会生成编译后的文件，这些文件包括JavaScript、CSS和HTML等。为了从这些编译后的文件中还原出源代码，可以使用reverse-sourcemap工具。该工具通过解析编译后的源码映射文件（.map文件），能够将编译后的代码还原为接近原始的源代码。

工具安装：首先需要全局安装reverse-sourcemap工具，可以通过npm进行安装：
```
npm install --global reverse-sourcemap
```
这一步骤确保了工具的可用性，方便后续的操作。
执行反编译：使用reverse-sourcemap工具，指定输出目录和.map文件，执行反编译操作。例如：
```
reverse-sourcemap --output-dir src 0.xxxxxxxx.js.map
```
执行该命令后，源文件将被输出到指定的目录中。

Python脚本辅助：为了批量处理多个.map文件，可以编写Python脚本来自动化这一过程。脚本示例如下：

import subprocess
from pathlib import Path
import os

base_dir = "/data/dist"
output_dir = "src"
p = Path(base_dir)
files_list = p.rglob('*.map')
for file in files_list:
    file_name = file.name
    cmd = f"reverse-sourcemap --output-dir {
       output_dir} {
       str(file)}"
    result = subprocess.check_output(cmd, shell=True)
    print(result)