hur man använder webpack-dev-middleware med TypeScript?

Jag försöker implementera en enkel backend-app med express + webpack + babel + typescript. Jag har sett exempel på webpack-dev-middleware där startscriptet helt enkelt är "node index.js", och som jag förstår det skapas en in-memory-server med din express-applikation. Men hur kan jag implementera det med typescript? En möjlig lösning jag såg är att använda ts-node för att köra det, men skulle inte det förstöra syftet med att använda babel-transpileringen? Förstår jag något fel? Här är min 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...');
});

Tack i förväg!