使用本地声明文件在TypeScript中导入webpack外部包

Question

我正在尝试在我的打字稿模块中导入一个外部模块。 在Web应用程序的环境中，已经存在一个模块加载器，并且存在模块“ my-lib”，该模块使用JavaScript编写，并且不附带声明文件。

因此，我想要这个lib，但是要在本地进行模块声明（因为我是当前在此上下文中使用TypeScript的唯一人）。

我试图使用typeRoots中的tsconfig.json设置声明文件的搜索路径。 这适用于/// <reference types="my-lib" /> ，但不适用于import "my-lib"; 。 仅当我将@types文件夹放入node_modules文件夹中时，模块解析才能找到并导入它。

有什么方法可以设置它，这样我就不需要将@types放在node_modules文件夹中了吗？

tsconfig.json：

{
    "compilerOptions": {
        "esModuleInterop": true,
        "typeRoots": [
            "./@types"
        ]
    },
    "include": [
        "src/**/*"
    ]
}

@类型/我-LIB / index.d.ts：

interface MyLib {
    ...
}

declare const myLib: MyLib;
export = myLib;

SRC / entry.ts：

import myLib from "my-lib";
...

webpack.config.js：

...
externals: {
    "my-lib": "my-lib"
},
...

Answer 1

我使用以下tsconfig.json （我想到）：

{
    "compilerOptions": {
        "esModuleInterop": true,
        "typeRoots": [
            "./@types"
        ],
        "baseUrl": ".",
        "paths": {
            "*": [
                "*",
                "@types/*"
            ]
        }
    },
    "include": [
        "src/**/*",
        "@types/**/*"
    ]
}