我经常使用HTML代码段来跨各种文件重用HTML组件。
对于不需要传递变量的HTML包含，我正在使用webpack html-loader。
对于那些我同时使用小胡子和html-loader的人。
这在最高级别上运行良好，但不是递归的，因此包含另一个代码段的代码段仅显示包含代码，而不显示插值的HTML。
最简单的演示方法是创建一个简单的仓库来演示问题：https://github.com/JamieMcDonnell/webpack-html-loader
我的HTML模板是：
<html> <head> <title>Getting Started</title> <script src="https://unpkg.com/[email protected]"></script> </head> <body> <%= require('html-loader?interpolate!./snippets/no-variables.html') %> <%= require('mustache-loader!html-loader?interpolate!./snippets/variable.html')({someVariable: 'MY VARIABLE'}) %> <%= require('html-loader?interpolate!./snippets/recursive.html') %> </body> </html>导入的前两个包括没有问题。
第三个，recursive.html，看起来像：
<h1>I am a top level include</h1> <%= require('html-loader?interpolate!./sub/sub.html') %> <%= require('mustache-loader!html-loader?interpolate!./sub/variable.html')({someVariable: 'MY SUB VARIABLE'}) %>sub / sub.html和sub / variable.html非常简单，应该可以使用。我想我缺少启用递归加载的属性或某些内容，但是找不到它。
请检查/ dist /文件夹中的结果。有人可以在这里看到我在做什么错吗？
非常感谢您的时间和帮助；）
我正在将一个使用grunt的项目迁移到webpack。我经常使用HTML代码段来跨各种文件重用HTML组件。对于HTML来说，不需要传递变量，我就是...
您需要导入嵌套文件，例如