如果你在Apache (Linux服务器)上部署你的应用程序，那么你可以遵循以下步骤: 请遵循以下步骤:

步骤1: Ng build——prod——env=prod

步骤2。(复制区域到服务器) 然后创建dist文件夹，复制dist文件夹并部署到服务器根目录。

步骤3。在根文件夹中创建。htaccess文件，并将其粘贴到。htaccess . conf文件中

 <IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

简单的答案。使用Angular CLI并发出

ng build 

命令在项目的根目录下。站点将在dist目录中创建，您可以将其部署到任何web服务器。

这将用于测试，如果你在你的应用程序中有生产设置，你应该使用

ng build --configuration production

这将在dist目录中构建项目，并且可以将其推送到服务器。

自从我第一次发布这个答案以来，发生了很多事情。CLI终于在1.0.0，所以按照这个指南去升级你的项目应该在你尝试构建之前发生。https://github.com/angular/angular-cli/wiki/stories-rc-update

你可以通过使用Ahead of Time编译器编译来获得最小和最快的加载产品包，并使用rollup来进行树摇/缩小，如angular AOT烹饪书中所示:https://angular.io/docs/ts/latest/cookbook/aot-compiler.html

在之前的回答中说过，这也可以用Angular-CLI来实现，但如果你还没有使用CLI来制作你的应用，你应该按照食谱来做。

我还有一个材料和SVG图表的工作示例(由Angular2支持)，它包括一个用AOT烹饪书创建的包。您还可以找到创建bundle所需的所有配置和脚本。点击这里查看:https://github.com/fintechneo/angular2-templates/

我制作了一个快速视频，演示了AoT编译构建与开发环境的文件数量和大小之间的区别。它显示了上面github存储库中的项目。你可以在这里看到:https://youtu.be/ZoZDCgQwnmQ

对于那些看到“加载模块脚本失败:…”的错误。简单的去你的棱角分明。将“OutputPath”改为“dist”。然后运行ng build——configuration production来构建你的应用。

原因是angular认为你的应用程序在根目录下，但如果你不做这个更改，它就在根目录/YourAppName下

Angular 2在Github Pages中的部署

测试Angular2 Webpack在ghpages中的部署

首先从dist文件夹中获取所有相关文件，对我来说是: + CSS文件在资产文件夹 + main.bundle.js + polyfills.bundle.js + vendor.bundle.js

然后将这些文件推入您创建的repo中。

1 -如果你想让应用程序在根目录上运行-创建一个特殊的repo，名称为[yourgithubusername].github。IO并将这些文件推到主分支中

2——如果你想在子目录或根目录以外的不同分支中创建这些页面，创建一个分支gh-pages并将这些文件推到该分支中。

在这两种情况下，我们访问这些部署页面的方式将是不同的。

对于第一种情况，它将是https://[yourgithubusername].github.io，对于第二种情况，它将是[yourgithubusername].github。io /(回购的名字)。

如果你想使用第二种情况部署它，请确保在dist中更改index.html文件的基本url，因为所有的路由映射都依赖于你给出的路径，它应该设置为[/branchname]。

链接到本页

https://rahulrsingh09.github.io/Deployment

去回购

https://github.com/rahulrsingh09/Deployment

为了快速廉价地托管angular应用，我一直在使用Firbase托管。它在第一层是免费的，使用Firebase CLI部署新版本非常容易。本文解释了将你的angular 2产品应用部署到Firebase的必要步骤:https://medium.com/codingthesmartway-com-blog/hosting-angular-2-applications-on-firebase-f194688c978d

简而言之，你运行ng build——prod，它会在包中创建一个dist文件夹，这个文件夹会被部署到Firebase Hosting上。