Webpack 递归html加载程序包括不工作

我正在将一个使用grunt的项目转移到webpack

我经常使用HTML片段在各种文件中重用HTML组件

对于不需要传递变量的HTML包含，我正在使用WebpackHTML加载程序

对于那些这样做，我使用胡子和html加载器一起

这在顶层运行良好，但不是递归的，因此包含另一个代码段的代码段只显示包含代码，而不是插入的HTML

演示的最简单方法是创建一个简单的回购协议，以演示问题：

我的HTML模板是：

开始

前两个Include导入时没有问题

第三个是recursive.html，看起来像：

我是顶级包括

sub/sub.html和sub/variable.html非常简单，应该可以工作。我想我丢失了一个属性或一些支持递归加载的东西，但是找不到它

请检查/dist/文件夹中的结果。有人能看出我做错了什么吗

---

非常感谢您的时间和帮助；）

您需要导入嵌套文件，如

${require('html-loader?!./sub/sub.html')}
${require('mustache-loader!html-loader?!./sub/variable.html')({someVariable: 'MY SUB VARIABLE'})}

---

谢谢Jakub，虽然您缺少interpolate命令，${}语法帮助我解决了这个问题。正确的包括：${require（'html-loader？interpolate./sub/sub.html'）}${require（'mustache-loader！html-loader？interpolate./sub/variable.html'）（{someVariable:'MY sub variable'}）非常感谢您的帮助@user2115620您不需要在此代码段中使用

插值

选项。如果你打算在整个应用程序中使用

interpolate

，我建议在

webpack.config

中设置

interpolate:true

，然后