导入文件导出功能的目录而不命名它们

Question

我正在尝试导入一个javascript文件的完整目录，每个目录都包含一个带有动态变量的模板文字内的RTF电子邮件模板。最好的方法是什么？

之所以要使用单独的javascript文件来保存这些文件，是因为我的电子邮件很大。我不能使用纯HTML文件，因为它们不允许动态电子邮件（例如：“ Hello $ {firstName}”）

我正在寻找解决最一般方法的最有效方法，即“导入每个导出箭头功能的javascript文件目录。能够在数组中迭代这些功能并调用它们”

我希望能够将一个新的“ .js”模板文件添加到我的目录中，并将其自动添加到被调用的函数数组中。

我的每个单独文件看起来都像这样：

export default () => ({
  title: "Email Title here",
  content: `<h1>Join our new ...</h1><p>You're the best, ${firstName}</p>`
});

我想使用与此解决方案（https://stackoverflow.com/a/57009738）类似的解决方案将它们导入到我可以调用的函数数组中，而无需显式命名它们。之所以可以这样做，是因为我使用的是webpack，但它仍然感觉像是错误的代码。

很高兴就解决此问题的更好方法提出建议，但我不希望使用库。