与typings.json的Webpack

Question

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

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

那么关于什么配置需要的任何想法或如何使用typings（https://github.com/typings/typings）并使用webpack捆绑代码？

Answer 1

您安装打字 -

1. npm install typings
2. typings install dt~jquery --save --global（这会为jquery安装d.ts）
3. 确保包含导入 - 例如import $ = require（'jquery'）;在你的TS文件中。像IntelliJ这样的IDE会在没有它的情况下编译你的代码 - 但webpack不会看到jQuery，因此没有它就不会包含它。

其他所有内容都与教程链接相同。

Answer 2

typings 和 tsd 项目的行为非常相似。特别是在将项目列入项目时。

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

当您构建TypeScript项目时，请确保index.d.ts属于files内tsconfig.json属性的一部分。例如：

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

其中src/index.ts是项目的条目文件。在 webpack 时，您不必编辑任何内容。

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