webpack - 如何使用 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-loader

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

ejs-html-loader

<% include some/file %>