微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何将多个单个文件函数分组为 index.ts 中的命名和默认导出?

如何解决如何将多个单个文件函数分组为 index.ts 中的命名和默认导出?

问题

有多个文件,每个文件都导出一个函数作为认导出。

希望通过将它们作为命名导出从单个文件(例如 index.ts)中将它们进行分组,该文件将用作库 API,可以在其中根据需要访问函数

由于这些函数将在 JS/TS 项目中使用,因此可能需要将它们导出为命名导出和作为认导出的对象的一部分。

当前的解决方案冗长且重复,因为它涉及将每个函数作为别名导入,然后将它们导出并添加所需的函数名称,该名称也包含在认导出对象中:

// index.ts
import { default as _add } from './add';
import { default as _multiply } from './multiply';
// ...

// `export const add = _add;` and `export add = _add;` both fail due to incorrect declaration.

export const add = _add; // Used in another file,e.g. in `test.ts`: `import { add } from './index'; add(1);`.
export const multiply = _multiply;
// ...

export default { // Used in another file,e.g. in `test.ts`: `import helpers from './index'; helpers.add(1);`.
    add,multiply,// ...
};

问题

是否有更好的方法将这些单个文件函数分组并从 index.ts 导出,同时支持命名和认导出?

也欢迎提供有关文件结构和避免循环依赖的建议。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。