如何将angular 2项目部署到heroku？

将Angular 2项目部署到Heroku可以按照以下步骤进行：

1. 确保你已经安装了Node.js和npm，并且已经在本地开发环境中成功运行了Angular 2项目。
2. 在项目根目录下创建一个名为Procfile的文件，并在其中添加以下内容：web: npm start这将告诉Heroku在部署项目时运行npm start命令。
3. 在项目根目录下创建一个名为server.js的文件，并在其中添加以下内容：const express = require('express'); const path = require('path'); const app = express(); app.use(express.static(__dirname + '/dist')); app.get('/*', function(req, res) { res.sendFile(path.join(__dirname + '/dist/index.html')); }); app.listen(process.env.PORT || 8080);这将创建一个简单的Express服务器，用于在Heroku上托管Angular 2项目。
4. 在项目根目录下运行以下命令，安装Express和其他依赖：npm install express --save
5. 在项目根目录下运行以下命令，构建Angular 2项目：ng build --prod这将生成一个名为dist的文件夹，其中包含了构建后的项目文件。
6. 将dist文件夹中的所有文件添加到Git仓库，并提交到远程仓库。
7. 在Heroku上创建一个新的应用程序，并将其与你的Git仓库关联。
8. 在Heroku的应用程序设置中，设置Node.js构建包。
9. 在Heroku的部署选项中，选择从你的Git仓库部署应用程序。
10. 等待部署完成后，你的Angular 2项目就已成功部署到Heroku上了。

请注意，以上步骤假设你已经熟悉Angular 2项目的开发和部署，并且已经在本地成功运行过该项目。如果你对Angular 2项目的开发和部署不熟悉，建议先学习相关知识再尝试部署到Heroku。