typescript - 如何将 webpack-dev-middleware 与打字稿一起使用？

Question

我正在尝试使用 express + webpack + babel + typescript 实现一个简单的后端应用程序，我已经看到了 webpack-dev-middleware 的示例，其中启动脚本只是“node index.js”，据我所知，在-memory 服务器是使用您的 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...');
});

提前致谢！