将Typescript逻辑拆分为多个文件

将Typescript逻辑拆分为多个文件
内容来源于 Stack Overflow，并遵循CC BY-SA 3.0许可协议进行翻译与使用

我的项目中有几个打字稿文件和一个输入文件index.ts（输出文件由webpack创建）。

export没有逻辑的单个文件。

例如。file-one.ts：

document.getElementById('btn').onclick = function() {
    console.log('Hello world');
}

如何将上述文件导入主条目文件？

例如。index.ts：

import `./file-one`

返回错误：

ERROR in ./src/index.ts
Module not found: Error: Can't resolve './file-one.ts' in './src/index.ts'

提问于 2019-06-252019-06-25 07:10:09

用户回答回答于 2019-06-252019-06-25 16:38:43

您应该能够毫无问题地执行此操作...即使模块未导出任何内容，也可以导入模块。

我注意到你在这里使用了一个反向滴答...它应该是一个像import'./file-one.ts'这样的字符串（虽然在这种情况下反向滴答应该引发另一个错误）

无论如何只要确保你的webpack配置可以加载打字稿文件，并且文件的路径是正确的，它应该可以工作。

用户回答回答于 2019-06-252019-06-25 15:33:05

例如。file-one.ts：

export click() {
    console.log('Hello world');
}

如何将上述文件导入主条目文件？

例如。index.ts：

import {click} from  `./file-one.ts`

document.getElementById('btn').onclick = click;

【玩转腾讯云】征文活动，2021再启程！

2021，创作之心不灭，一起玩转腾讯云，好礼拿到手软！