express - 在 Typescript 中使用 Pug

在一个 .pug 文件中，我需要引用一个 TypeScript 文件，但这是不可能的（MIME 类型 video/mp2t 错误）。这里的最佳实践是什么？是否应该先将 TypeScript 编译为 JavaScript，然后在 pug 文件中引用 js 文件？如果是的话，脚本应该怎么写？

另一个问题是，如果我先将 TypeScript 编译到 dist 文件夹，那么 pug 文件在那边将不可用，所以我会得到不同的错误。

这就是我现在的pug文件

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Autocomplete!</title>
    <link rel="stylesheet" href="/stylesheets/normalize.css">
    <link rel="stylesheet" href="/stylesheets/autocomplete.css">
    <script src="/javascripts/autocomplete.ts"></script>
  </head>
  <body>
    <div class="app">
      <p>
        <input name="country">
      </p>
    </div>
  </body>
</html>

如果我先编译它，那么我应该将 pug 文件移动到 dist 文件夹中吗？我也会把 css 文件放到那里吗？

感谢帮助。