Webpack with typings.json

Question

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

虽然教程很好(我已经让它像预期的那样工作了)，但它现在已经过时了。Json文件被类型替换。到目前为止，我还无法创建一个虚拟项目，如教程中的链接，但使用类型。

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

Answer 1

类型和tsd项目的行为非常相似。特别是当涉及到在项目中包含类型时。

typings和tsd一样，将把所有已安装的类型(参见如何安装新类型)放入typings目录。在该目录中放置了一个名为index.d.ts的文件。这个文件包含所有对已安装类型的引用。

当你构建你的TypeScript项目时，确保你的files属性的index.d.ts list部分在tsconfig.json。例如:

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

其中src/index.ts是项目的入口文件。当涉及到webpack时，你不应该编辑任何东西。

如果你想要一个例子，这是我之前做的一个项目。但是因为我的tsconfig.json中没有files属性，所以TypeScript编译器会自己找到定义文件

Answer 2

你安装了打字-

npm install types
1. typings install dt~jquery——save——global(这将为jquery安装d.s)
2. 确保你包含了import -例如import $ = require('jquery');在TS文件中。像intelllij这样的IDE没有它也能很好地编译你的代码，但是webpack看不到jQuery，因此没有它就不会包含它。