从Angular dist文件夹中检索所有丢失的HTML文件

Question

我不知道这是怎么发生的，但是以某种方式，在创建dist文件夹（ng build）并将其推送到EC2服务器之后的一段时间，我从Angular项目中丢失了所有HTML文件。有什么方法可以将服务器上dist文件夹中的内容重新放入项目中？

Answer 1

我能够手动解决此问题。

我做什么

我了解到index.html位于dist/index.html中。从那里开始，只需复制，粘贴和删除<script>标签行。

其他HTML文件更加乏味。我必须用Ctrl+F作为他们的名字，在dist/main.js中，转到匿名函数中的module.exports行，然后复制整个字符串（从字面上看，是整个文件的内容） ，将其粘贴到创建该文件名的新文件中，并用实际的换行符替换文字\\n，\\r\\n（在文本编辑器的查找和替换功能中启用常规扩展） ，并以实际的\"转义了"。

我确实必须找到并手动恢复一些CSS和TypeScript文件，但是它是通过相同的方式完成的（可以在dist/main.js.map中非常长的一行中找到TypeScript，尽管您必须真的知道您要查找的内容以及找到它的耐心/持久性。幸运的是，我只缺少几行TypeScript。）

我很幸运，这个项目是新生的。

Answer 2

在MEAN应用中，我在根目录中创建了一个客户端文件夹，然后将dist文件夹复制并粘贴到该文件夹​​中。 不要忘记在服务器文件中更改静态路径：

  

app.use（express.static（__ dirname +'/ client / dist / pet-shelter'））; //   将dist移动​​到客户端文件夹

让我知道您提出了什么解决方案？我的似乎很原始。