Javascript 将JS文件导入Typescript

我正在考虑转移到Typescript，目前正在考虑如果可能的话，一个文件一个文件地慢慢地进行

现在，我目前拥有的系统是用Webpack构建的，我想继续使用它来构建我的整个捆绑包

我有一个用于定义的.d.ts文件，但我需要我的文件继续导入，当前正在引发错误

/// <reference path="../../../../vendor/src/foo.d.ts" />
import foo = require('../../../../vendor/src/foo.js');

foo('something');

//
导入foo=require（'../../../../vendor/src/foo.js'）；
福（“某物”）；

这是目前抛出的错误，我也尝试没有参考路径，这似乎提出了一个错误，它不是一个模块。目前，我唯一可以不引发错误的方法是不导入并简单地添加引用，但这将意味着webpack将不知道我的文件的位置

---

我已经搜索了很多想法，但我真的无法理解将JS文件导入Typescript的意义。

简单地将

foo.JS

重命名为

foo.ts

（可能需要一些额外的，但通常效果很好），然后将代码段重写为：

 /// <reference path="../../../../vendor/src/foo.d.ts" />

 foo('something');

//
福（“某物”）；

任何想法我已经搜索了很多，但我真的无法理解如何将JS文件导入到Typescript中

对于webpack，您只需声明

require

功能并执行您已经习惯的操作：

var foo = require('../../../../vendor/src/foo');

此处提供了

require

功能类型定义：

---

如果您想更有力地使用

foo

。。。建议将其移植到

.ts

上，而不是费力地为其构建并维护

.d.ts

文件。

问题是不再需要/导入该文件。这意味着像Webpack这样的东西永远不会包含它，除非我可能遗漏了一些东西，但是///部分只被TypeScript用来定义变量？谢谢，但是如果您将

foo.js

更改为

foo.ts

，那么webpack应该在构建过程中包含该文件，不是吗

用于Statist类型控制，文件依赖关系树也基于

注释（TS文件的顺序很重要）。我明白了，我应该看一看。谢谢，我已经安装了Atom的typescript，这样做只会引起大量错误。你能粘贴一些错误消息吗？总而言之，如果您不需要导入（即在浏览器中使用TypeScript应用程序），那么使用构建工具（即webpack；我使用，甚至支持增量构建）来处理所有文件并在TS文件中添加适当的

//

。对不起，我的意思是：

var attachCss=require（'../../../../vendor/Auxilium.js/src/attach css'）

好的，这就是我所做的，但Typescript只是抛出了一堆错误，但我可能做了一些奇怪的事情，我会再次尝试这样做。从长远来看，我计划将所有内容移植到

.ts

，但我更愿意循序渐进，而不是被迫与依赖关系树抗争，因为某些文件中的foo可能是其中之一在10个必需的文件中，我实际上刚刚尝试了一次快速尝试，现在我得到了Typescript，它抱怨说，尽管foo只是一个定义文件，但声明了两次。

两次，尽管foo只是一个定义文件。

定义文件是一个模块吗？如果不是，它将进入全局命名空间并导致重复：