从dist文件夹恢复Angular 4项目

Question

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

Answer 1

没有

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

这就像尝试从只有5回到2 + 3那样。你不知道它是不是3 + 2,1 + 4,4 + 1.Angular编译你的应用程序，那里＆＃39 ; s没有1-1映射。 特别是当您认为自己也在使用TypeScript时。 Angular的构建输出两个编译器和一个远离原始的捆绑器。不可逆的。

这里有关于编译方式的详细分类。

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

Answer 2

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