我有多个功能分布在同一文件夹中的七个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"
...
但是，我想知道是否有一种更简单的方法来执行此操作，因为在这种情况下，诸如“从/ scripts导出*”之类的变体似乎不起作用。
您可以index.js在与要导入的所有Javascript文件相同的目录中添加文件。然后，将所有功能导入到该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"
现在，请记住，仅当您在多个位置使用这些功能时，才需要此解决方案。如果不是，则可以使用原始方法。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句