Typescript 导入定义文件的路径与源文件不同

Question

当 Typescript 的路径与定义文件的路径不同时，如何让 Typescript 指向 JavaScript 源文件？

我的目录结构如下：

scripts/
|
+-typings/
| |
| +-lib.d.ts
|
+-program.ts
|
+-program.js
|
+-lib.min.js

Program.ts 包含以下代码：

import Lib from "./typings/lib";

Lib.SomeFunction(); // etc.

但是当我尝试编译并运行它时，我得到以下 javascript 错误：

Failed to load resource: the server responded with a status of 404 (Not Found)
/scripts/typings/lib.js

如何让 Typescript 查找 lib.min.js 而不是查找定义文件的位置？

编辑：请注意，如果我将 lib.d.ts 向上移动到脚本目录并将其重命名为“lib.min.d.ts”，那么一切正常。但我更愿意将我的定义放在一个单独的文件夹中，而且我觉得必须有某种方法来为定义和实现文件指定不同的路径。

Answer 1

您必须修改 tsconfig.json 文件中的“compilerOptions”属性以包含类型目录。

{
  "compilerOptions": {
    "target": "es6",  
    "baseUrl": ".",
    "paths": {
      "*": [
        "./scripts/typings/*"
      ]
    }
  }
}