從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它將顯示所有打字稿文件。 您可以復制並通過提供的代碼。