将Typescript逻辑拆分为多个文件

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (411)

我的项目中有几个打字稿文件和一个输入文件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'
提问于
用户回答回答于

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

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

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

用户回答回答于

例如。file-one.ts

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

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

例如。index.ts

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

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

扫码关注云+社区

领取腾讯云代金券