TypeScript导出和导入

时间:2016-09-12 14:38:41

标签: javascript typescript

我很难理解在打字稿中输出和导入东西,例如如何构建这个?

的src /功能/ handle.ts:

export default function handle() {
  // do something here.
  console.log("It is handled");
}

的src /功能/ index.ts:

import handle from './handle';

export default {
  handle
};

的src / run.ts:

import allFunctions from './functions';

console.log(allFunctions);

如果我在编译后运行node dist/run.js(我正在编译到dist目录中),我会得到undefined。但是,如果我使用

import allFunctions from './functions/'
(notice the "/" at the end)

它引用包含导出函数的对象。

我也尝试使用export * from './handle'但结果是一样的。

完成此任务的正确方法是什么?

1 个答案:

答案 0 :(得分:0)

我想您要实现的目标是从单个文件重新导出所有功能,因此您只需导入该文件即可全部访问它们

首先,您无法重新导出默认导出,因此您必须选择命名导出。无论如何,避免违约出口,他们没有提供太多的好处,并使每个人感到困惑。

的src /功能/ handle.ts:

export function handle() {
  // do something here.
  console.log("It is handled");
}

的src /功能/ index.ts ::

export * from './handle';
export * from './anotherFile';
...

的src / run.ts:

import * as allFunctions from './functions/index'