从dist文件夹恢复Angular 4项目

Question

所以我不小心删除了我的Angular 4项目，但我仍然有所有包和代码打包的dist文件夹。 那么有什么方法可以恢复所有的项目布局，所以我可以继续编辑我的编辑器，还是永远消失？ 谢谢。

Answer 1

没有。

如果您没有项目文件，则无法对Angular应用程序进行反向工程以获取源代码。 如果它与Angular的视图引擎（如果你一直在开发最佳实践时不应该这样）并没有过多的关联，那么你可以看看已编译的代码以获得一些业务逻辑，并尝试恢复它。

这就像尝试从只有5回到2 + 3.你不知道它是3 + 2,1 + 4,4 + 1.Angular编译你的应用程序，并没有1-1映射。 特别是当你考虑到你也一直在使用TypeScript时。 Angular的构建输出两个编译器和一个远离原始的捆绑器。 不可逆的。

这是关于编译方式的更详细分类。

1. 用TypeScript编写的Angular代码正由Angular编译器编译为不同的TypeScript代码。 理论上这个过程可能是可逆的，也可能是不可逆的，这取决于Angular的编译器是如何工作的（我无法谈论这个问题）。
2. 然后将TypeScript编译为JavaScript。 这是不可逆转的
3. 捆绑包（例如Webpack，Rollup，SystemJS或Parcel）会混淆您的代码，包括谁知道有多少插件会破坏您的代码。 其中大多数是不可逆转的。 根据实施情况，实际捆绑可能是可逆的。
4. 产生的捆绑（或单个捆绑）被缩小。 这种不可逆性还取决于缩小的程度。 例如，如果您使用Google的Closure Compiler进行高级设置，则根据定义，取回原始代码是不可逆转的。

Answer 2

在Dist文件夹中部署应用程序代码，然后使用Google Chrome Developer工具（F12）。 在调试器选项卡下，查看webpack - > src它将显示所有打字稿文件。 您可以复制并通过提供的代码。