typescript - 使用 TypeScript 3 构建到 dist/文件夹时保持 src/文件夹结构

Question

我有一个具有这种结构的 TypeScript nodejs 服务器:

tsconfig.json
package.json
src/
    middleware/
    utils/
    index.ts
dist/
    middleware/
    utils/
    index.js

当使用 TypeScript 2 时，我能够将我的项目从 src/转换到 dist/文件夹，并有一个我的目录结构的镜像可以使用。

随着 TypeScript 3 的发布，他们引入了 project references并更改了将代码转换为输出目录的方式。现在 tsc 以这样的嵌套方式输出到 dist/文件夹:

dist/
    src/
        middleware/
        utils/
        index.js

我的 tsconfig.json 是:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "allowJs": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "resolveJsonModule": true,
    "declaration": false,
    "outDir": "dist/",
    "lib": [
      "es7",
      "dom"
    ]
  },
  "include": [
    "src/"
  ]
}

如何配置 TypeScript 将我的 src/文件夹作为镜像输出到 dist/文件夹？

Answer 1

我在最初转换为 TypeScript 项目时遇到了类似的问题。我还设置了 resolveJsonModule: true 并将 src 目录复制到输出 dist 目录。

根本原因是我的源文件之一需要项目根目录下的package.json。一旦我删除了它，tsc 就不再将 src 添加到 dist 目录。

简而言之，确保您不需要 src 目录之外的文件。

解释性常见问题解答:https://github.com/Microsoft/TypeScript/wiki/FAQ#why-does---outdir-moves-output-after-adding-a-new-file