如何使用webpack来连接html片段？

Question

例如,我有一个主条目html文件:

<div>
   <!-- I'd like to include a html partial here -->
</div>

我有一个部分HTML

<span>I'm a partial html piece</span>

我希望我可以使用webpack生成如下的最终html:

<div>
  <span>I'm a partial html piece</span>
</div>

是否可以使用webpack插件/加载器执行此操作？

Answer 1

有几个加载器可以实现这个目的:https: //webpack.github.io/docs/list-of-loaders.html#templating

例如:

HTML装载机

<div>${require('./partials/gallery.html')}</div>

EJS-HTML装载机

<% include some/file %>