typescript - tsconfig 中 rootDir 和 baseUrl 的区别

Question

tyescript 中的 rootDir 和 baseUrl 有什么区别？
根据 ts 文档
基本网址

Base directory to resolve non-relative module names. See Module Resolution documentation for more details.

和根目录

Specifies the root directory of input files. Only use to control the output directory structure with --outDir.

在我的 tsconfig 中，我添加了
"baseUrl": "app/javascript/src",
并没有添加任何东西

rootDir

那是对的吗？ (这有效，但我不确定这是否正确)
更新:rootDir 给我错误，因为我使用的是绝对路径
这是我的 tsconfig。 (baseUrl 没有)

{
  "compilerOptions": {
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "es6",
      "dom"
    ],
    "module": "es6",
    "moduleResolution": "node",
    "sourceMap": true,
    "jsx": "react",
    "target": "es5",
    "allowSyntheticDefaultImports": true,
    "baseUrl": "app/javascript/src",
    "forceConsistentCasingInFileNames": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "skipLibCheck": true,
    "allowJs": true,
    "strict": true,
    "outDir": "app/javascript/.dist",
  },
  "exclude": [
    "node_modules",
    "**/*.js",
    "**/.jsx"
  ],
  "include": [
    "**/*.ts",
    "**/*.tsx"
  ],
  "compileOnSave": false
}

在 webpack 中，我正在解析这样的路径

  resolved_paths: ['app/javascript/src', 'app/javascript']

Answer 1

I added "baseUrl": "app/javascript/src", Is that correct?

不。如果你为你的项目指定包含的文件(如 src 所示)，你应该使用 rootDir (如前所述 Specifies the root directory of input files. )。
您没有收到错误的原因 baseUrl仅对非相对导入生效。您的代码大多具有相对导入，例如 import something from './something'所以它对你没有任何不利影响。