如何解决如何从Javascript中同一文件夹中的各种文件中导入一个函数?
我有多个函数分布在同一个文件夹中的七个 javascript 文件中。我想将它们导入到另一个文件中,而不必一一导出。为简单起见,假设我在每个文件中只有一个函数,然后我将使用默认导出。因此,“脚本”中的 .forEach 文件,我可以这样做:
export default myFunc1 // first.js
export default myFunc2 // second.js
export default myFunc3 // third.js
...
然后,在我要导入的文件中:
import myFunc1 from "./scripts/first.js"
import myFunc2 from "./scripts/second.js"
import myFunc3 from "./scripts/third.js"
...
但是我想知道是否有更简单的方法来执行此操作,因为像“export * from /scripts”这样的变体在这种情况下似乎不起作用。
解决方法
您可以在与要导入的所有 Javascript 文件相同的目录中添加一个 index.js
文件。然后,将所有函数导入到这个 index.js
文件中。这样,您就不必在任何使用它们的地方列出每一个函数(或它们的文件)。
export default myFunc1 // first.js
export default myFunc2 // second.js
export default myFunc3 // third.js
...
index.js 文件将是
import myFunc1 from "./scripts/first.js"
import myFunc2 from "./scripts/second.js"
import myFunc3 from "./scripts/third.js"
...
export {
myFunc1,myFunc2,myFunc3,...
};
假设这些函数文件和 index.js 文件位于名为 functions
的目录中,并且您希望从更高一级的文件访问它们:
import "./functions"; // Or "functions"
现在,请记住,只有在多个地方使用这些功能时,才需要此解决方案。如果不是,您可以使用您原来的方法。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。