如何在打字稿中使用 webpack-dev-middleware？

Question

我正在尝试使用 express + webpack + babel + typescript 来实现一个简单的后端应用程序，我见过 webpack-dev-middleware 的示例，其中启动脚本只是“node index.js”，据我所知，使用您的 express 应用程序创建内存服务器。但是我如何使用打字稿来实现它？我看到的一种可能的解决方案是使用 ts-node 来运行它，但这不会破坏使用 babel 转译的目的吗？我有什么问题吗？ 这是我的 index.ts

import express from 'express';
import { webpack } from 'webpack';
import webpackDevMiddleware from 'webpack-dev-middleware';

const config = require('../webpack/webpack.dev.js');

const compiler = webpack(config);

const app = express();

app.use(
  webpackDevMiddleware(compiler, {
    publicPath: config.output.publicPath,
  })
);

app.listen(3000, () => {
  console.log('listening...');
});

提前致谢！