如何将Angular的dist文件夹还原为src及依赖文件？

首先明确：dist是Angular编译、打包后的产物，无法100%还原成原始的项目结构、注释、变量名及精确依赖版本，但可以通过以下步骤恢复可读的业务逻辑，并重建项目框架：

1. 反编译混淆后的JS文件 #

dist中的JS文件经过压缩、混淆（变量名被替换为短字符），可以用工具还原为可读代码：

• 安装js-beautify工具：npm install -g js-beautify
• 批量处理dist目录下的JS文件：js-beautify dist/**/*.js --replace
• 也可以用本地反混淆工具（如esprima、uglify-js的反解析功能）处理，避免使用在线工具泄露代码。

如果你的dist文件夹包含sourcemap文件（.map后缀），还原效率会大幅提升：

• 用浏览器开发者工具（Chrome/F12 -> Sources）加载dist文件，通过sourcemap直接查看近似原始的TS代码；
• 用source-map工具提取源码：npm install -g source-map，再通过命令行解析map文件导出对应TS代码。

2. 重建项目结构与源码 #

反编译后的代码是JS格式，需要手动转换为Angular的TS项目结构：

• 先创建新Angular项目：ng new temp-project
• 从反编译JS中提取组件、服务、模块的逻辑：比如找到包含组件模板渲染、生命周期钩子（如ngOnInit）的代码块，对应到新项目的组件文件中；
• 手动恢复Angular装饰器（@Component、@Injectable等）、类型定义、组件选择器、模板路径等信息——这些内容编译后会转为JS对象，需从反编译代码中提取对应值。

3. 推断并还原依赖 #

dist中没有原始的package.json信息，只能通过代码分析推断依赖：

• 查找反编译代码中的第三方库标识：比如看到rxjs.operators.map就知道依赖rxjs，看到@angular/common/http.HttpClient就知道依赖@angular/common；
• 初始化新项目的package.json后，根据推断的库安装对应包：比如npm install @angular/common rxjs；
• 依赖版本可通过Angular CLI默认版本匹配，或根据代码中使用的API特性推断大致范围。

局限性说明 #

• 原始的变量名、注释、代码结构无法完全恢复，反编译后的变量多为a、b、c这类短标识；
• 依赖版本只能推断大致范围，无法精确匹配原始项目版本；
• 如果dist没有sourcemap，还原的代码可读性会差很多，需要更多手动整理工作。

内容的提问来源于stack exchange，提问作者reza hrkeng