我和我的团队目前正在将一个相当大的项目从 AMD + RequireJS 迁移到 CommonJS + Webpack。我们喜欢 Webpack 提供的工具，并认为 CommonJS 是社区前进的方向：随波逐流。
什么是利用 webpack 自动加载和捆绑我们的 .mustache 模板文件的有效方法？目前我们有一个监视脚本，它使用xport将项目文件夹中的所有 .mustache 文件捆绑到一个 js 文件中，格式如下：
var files = {};
files['path/to/file'] = '<div>{{content}}</div>';
files['path/to/other/file'] = '<span>{{stuff}}</span>';
...
我们完全可以继续使用它...... 我们当前的解决方案特别方便的是，当我们制作新模板时，我们不必在项目中专门引用我们的模板。因为脚本只是在监视文件夹，所以字典会更新，我们可以使用另一个库来获取字符串并将其变成可用的模板函数。
那目标是什么？ 我很好奇是否有一种方法可以从我们文件夹中的模板 -> 我们可以在代码中使用的函数，而不必特别要求将文件放入项目中。而且我们当前的解决方案超出了 webpack（当然，除非有办法挂钩），这很烦人，因为我们不想要 2 个监视脚本。我研究了加载器，但这些似乎是 1 对 1 源文件 -> 输出文件 vs 多对 1，这是我们当前解决方案的优点。
谢谢！