将JS文件导入Typescript

Importing JS File into Typescript

本文关键字：Typescript 导入 文件 JS      更新时间：2023-09-26

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

现在，我目前拥有的系统是用Webpack构建的，我想继续这样做，以构建我的整体捆绑包。

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

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

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

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

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

对于webpack，你只需要declare require函数，然后做你已经习惯的事情：

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

require函数类型定义如下：https://github.com/TypeStrong/ts-loader#loading-其他资源和代码分割

如果您想以更强的方式使用foo。。。建议将其移植到.ts，而不是费力地构建，然后为其维护.d.ts文件。

简单地将foo.js重命名为foo.ts（可能需要一些额外的步骤，但通常效果良好），然后将代码段重写为：

 /// <reference path="../../../../vendor/src/foo.d.ts" />
 foo('something');
相关文章：