如何从服务器上的Angular项目dist文件夹还原原项目文件？

首先明确：dist是Angular项目编译打包后的产物，所有代码经过压缩、混淆，无法100%还原出和原始项目一致的可维护代码，但可以通过工具做逆向处理，辅助你进行修改：

可操作的逆向步骤 #

• 格式化压缩代码：用prettier、js-beautify这类工具，把main.js等压缩文件格式化，让代码结构清晰，便于阅读和定位逻辑。
• 拆解代码结构：借助AST解析工具（比如@babel/parser）或JS逆向工具，把混淆后的代码拆解成相对模块化的结构，能识别出原项目的组件逻辑、服务等，但变量名都是混淆后的，无法还原原始语义化命名。
• 复用静态资源：dist里的assets文件夹直接保留了原项目的图片、字体、静态配置等，可以直接复用。
• 修改与重打包：小范围修改的话，在格式化后的代码里找到对应逻辑修改，再用打包工具重新编译；如果需要大规模更新，建议基于逆向出的逻辑重新搭建Angular项目，迁移资源和逻辑，这是更易维护的方案。

关键局限性 #

• 无法还原原项目的TypeScript代码，所有类型定义、装饰器的原始写法都会丢失。
• 混淆后的变量名无法恢复成原项目的语义化命名，代码可读性差，维护成本高。
• 原项目的依赖配置（package.json）、构建配置（angular.json）无法从dist中获取，需要根据逆向逻辑重新梳理。

如果只是临时小改，格式化修改后重打包可以凑合用；长期维护的话，基于逆向逻辑重写项目才是合理选择。

内容的提问来源于stack exchange，提问作者Roudeina Hamdi