要将Preact部署到Heroku，可以按照以下步骤进行操作：

1. 在本地创建一个Preact项目，确保项目能够正常运行。

2. 在项目根目录下创建一个server.js文件，用于配置Heroku服务器。

const express = require('express');
const path = require('path');

const app = express();
const port = process.env.PORT || 3000;

app.use(express.static(path.join(__dirname, 'build')));

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

3. 在项目根目录下创建一个Procfile文件，用于指定Heroku使用的服务器类型。

web: node server.js

4. 在项目根目录下创建一个.env文件，用于设置环境变量。

NODE_ENV=production

5. 在项目根目录下创建一个package.json文件，用于配置项目依赖和脚本。

{
  "name": "preact-heroku-demo",
  "version": "1.0.0",
  "scripts": {
    "start": "node server.js",
    "build": "preact build"
  },
  "dependencies": {
    "express": "^4.17.1",
    "preact": "^10.5.13"
  }
}

6. 使用npm install安装项目依赖。

7. 使用npm run build构建Preact项目。

8. 将项目提交到Git仓库。

9. 在Heroku上创建一个新的应用程序。

10. 将应用程序与项目的Git仓库连接。

11. 部署应用程序。

12. 打开Heroku应用程序的网址，验证Preact应用程序是否成功部署。

请注意，上述示例假设你已经具备了Heroku和Git的基本知识，并且已经在本地安装了Node.js和npm。