如何处理构建“dist”文件夹

Posted 2023-03-30

【中文标题】如何处理构建“dist”文件夹

【英文标题】：What to do with a build "dist" folder

【发布时间】：2017-01-16 16:31:30

【问题描述】：

所以我完成了一个非常小的 angular2 项目，并使用命令“ng build --prod”通过 angular-cli 构建它。

我从中得到一个“dist”文件夹。但是我应该如何处理这个 dist 文件夹才能让它运行呢？发布到服务器？

问候。

【问题讨论】：

是的，dist (distribution) 文件夹包含可以由 Web 服务器提供的捆绑文件，您可以将其放置在您的 nginx、apache、nodejs 或任何其他静态文件服务器中以便能够在生产中使用相同的

@Siddarth Sharma 谢谢！

那么，您究竟是如何将 dist 文件夹放置到您的网络服务器的呢？手动复制它们？

@您可以使用 FTP 添加它们，或者在我的情况下，我们使用 docker 部署它们。

【参考方案1】：

是的！将 dist 文件夹的内容上传到您的网络服务器以进行实时托管。您将完成的构建项目发送到服务器的这一步通常称为“部署”。

根据您托管站点的位置，您可能有命令行工具可用于部署您的应用程序就像构建它一样简单（例如，使用 AWS 命令​​行工具上传到 Amazon S3 存储桶，firebase deploy 使用 firebase-工具，甚至 Angular CLI 也可以使用 ng github-pages:deploy 部署到 Github 的 gh-pages）