javascript - 从多个文件中导出一组函数

Question

我刚刚用 JavaScript 编写了一个大型快速手册包装器，其中有很多部分位于不同的文件中，例如税收文件、帐户文件、身份验证文件等。我想让开发人员使用这个包装器只需要进行一次导入，它将包含我编写的所有函数。

层次结构是这样的：

• QbTax.js
• QbAccounts.js
• QbAuth.js

我想要另一个文件，或者使用这个包装器的开发人员只需导入一个东西，然后能够从那个导入中调用上述文件中的所有函数。

像这样的东西：

import * as qb from './unifiedQbFile.js';
qb.thisIsATaxFunc();
qb.thisIsAnAccountsFunc();
qb.thisIsAnAuthFunc();

解决这个问题的最佳方法是什么？我目前唯一的想法是将原型写入文件（例如 unifiedQbFile.js）并导出它们。我将从该统一文件中的其他文件中导入所有函数，然后在我的新原型中调用它们。不过，这似乎很乱。

标签： javascriptecmascript-6

Answer 1

您可以拥有一个导出所有文件的 index.js 文件，然后您可以导入该 index.js 文件。我个人会采用这种方法。

// index.js
export { qbTaxFunc } from 'QBTax';
export { qbAccountsFunc } from 'QbAccounts';
export { qbAuthFunc } from 'QbAuth';

现在可以在其他一些脚本中导入它。

import qb from 'path-to-index.js';

// All functions should now be available 
qb.qbTaxFunc();
qb.qbAccountsFunc();
qb.qbAuthFunc();