tsconfig.json include 和 rootDir 之间的区别

Question

从文档中可以看出，它include指定了要包含在程序中（即在编译过程中）的文件名或模式数组。同样，rootDir是包含要包含在编译过程中的应用程序源代码的文件夹的路径。

  "include": ["./src/"],
  "exclude": ["node_modules/*", "test/*"],
  "compilerOptions": {
    "module": "commonjs",
    "target": "es2015",
    "rootDir": "./src",
    "outDir": "./dist/",
  }

那他们有什么区别呢？

Answer 1

include顶级选项定义将包含的文件。它相对于.tsconfig.json并默认为**，表示项目中的所有文件。外部文件include不会编译。

\n

该compilerOptions.rootDir选项定义树的根位于outDir。默认情况下，它使用包含的文件夹之间的公共路径。src/services/user.ts这意味着在具有两个文件和 的项目中src/services/auth.ts，rootDir将默认为src/services/（即所有输入文件的最长公共路径段）。输出目录如下所示：

\n

dist\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 auth.js\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 user.js\n

\n

手动设置rootDir为src生成此输出目录：

\n

dist\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 services\n    \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 auth.js\n    \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 user.js\n

\n

最后，将文件包含rootDir在include选项之外会发出错误：

\n

error TS6059: File '~/project/outside.ts' is not under 'rootDir' '~/project/src'. 'rootDir' is expected to contain all source files.\n  The file is in the program because:\n    Matched by include pattern '**/*' in '~/project/tsconfig.json'\n

\n