typescript - 带有 typings.json 的 Webpack

Question

我一直在看这个博客教程 - http://www.jbrantly.com/typescript-and-webpack/关于创建捆绑的 JS 文件，该文件结合了来自 Typescript 项目的代码及其使用的库(例如链接中的 jQuery)并使用 webpack 将其捆绑。

虽然教程很好(而且我已经按预期工作)，但它现在已经过时了，因为 tsd.json 文件被替换为 typings.json，到目前为止我一直无法创建一个虚拟项目喜欢链接中的教程，但使用打字。

关于需要什么配置或者我如何使用类型 (https://github.com/typings/typings) 和使用 webpack 来打包代码有什么想法吗？

Answer 1

typings 和 tsd 项目的行为非常相似。尤其是在将类型包含到您的项目中时。

typings 和 tsd 一样，会将所有已安装的类型 ( see this for how to install new typings ) 转换为 typings目录。在该目录中有一个名为 index.d.ts 的文件被放置。此文件包含对已安装类型的所有引用。

当您构建 TypeScript 项目时，请确保 index.d.ts这是你的一部分 files tsconfig.json 内的属性(property).例如:

{
    "compilerOptions": {
        "..": ".."
    },
    "files": [
        "typings/index.d.ts",
        "src/index.ts"
    ]
}

在哪里src/index.ts是项目的入口文件。当涉及到 webpack 时，您不必编辑任何内容。

如果你想举个例子，this是我前一段时间做的一个项目。 但是 因为我没有 files我的属性(property)tsconfig.json TypeScript 编译器自行查找定义文件。