要在IIS中部署应用程序，请遵循以下步骤。

第一步:使用ng Build——prod命令构建Angular应用

步骤2:构建后，所有文件都存储在应用程序路径的dist文件夹中。

步骤3:在C:\inetpub\wwwroot中创建一个名为QRCode的文件夹。

第四步:复制dist文件夹的内容到C:\inetpub\wwwroot\QRCode文件夹。

步骤5:使用命令(Window + R)打开IIS管理器，输入inetmgr，单击“确定”。

步骤6:右键单击默认网站，然后单击添加应用程序。

第七步:输入别名“QRCode”，设置物理路径为C:\inetpub\wwwroot\QRCode。

第八步:打开index.html文件，找到行href="\"并删除'\'。

步骤9:现在在任何浏览器中浏览应用程序。

你也可以跟着视频更好地理解。

视频网址:https://youtu.be/F8EI-8XUNZc

你可以通过使用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

简单的答案。使用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

截至2017年，最好的方法是在你的angular项目中使用angular-cli (v1.4.4)。

ng build --prod --env=prod --aot --build-optimizer --output-hashing none

你不需要显式地添加——aot，因为它在默认情况下是打开的——prod。-output-hashing的使用取决于你对缓存爆破的个人偏好。

您可以通过添加以下内容显式添加CDN支持:

 --deploy-url "https://<your-cdn-key>.cloudfront.net/"

如果你计划使用CDN进行托管，这是相当快的。

使用Angular CLI，这很简单。以Heroku为例:

创建Heroku帐号并安装CLI 移动angular-cli dep到package中的依赖项。json(这样当你推送到Heroku时它就会被安装。 添加一个postinstall脚本，当代码被推送到Heroku时将运行ng build。还要为将在下面的步骤中创建的Node服务器添加启动命令。这将把应用程序的静态文件放在服务器上的dist目录中，然后启动应用程序。

"scripts": {
  // ...
  "start": "node server.js",
  "postinstall": "ng build --aot -prod"
}

创建一个Express服务器来服务应用程序。

// server.js
const express = require('express');
const app = express();
// Run the app by serving the static files
// in the dist directory
app.use(express.static(__dirname + '/dist'));
// Start the app by listening on the default
// Heroku port
app.listen(process.env.PORT || 8080);

创建一个Heroku远程和推动部署应用程序。

heroku create
git add .
git commit -m "first deploy"
git push heroku master

下面是我做的一个快速的书写，有更多的细节，包括如何强制请求使用HTTPS，以及如何处理PathLocationStrategy:)

为了快速廉价地托管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上。