Javascript 是否可以使用webpack在构建时动态更新html？

我正在创建一个摄影作品集，我希望html包含一个列表，每个相册包含一个列表项，如下所示：

 <ul class="content-area__list">
<ls class="content-area__album-title">cat album</ls>
<ls class="content-area__album-title">dog album</ls>
            </ul>

---

我可以在加载站点时生成html，但由于列表只会在编译之前更改，因此我不希望让用户的浏览器生成列表。此外，我将事件侦听器从不同的模块附加到每个列表项，而不是创建列表项的模块，因此，如果html文件已经包含列表项，则会更容易。请让我知道这是否可行，或者是否有更好的方法来做到这一点。谢谢

为此，您需要一种模板语言。HTML本身是行不通的，除非你有某种插件，它可以进行查找和替换之类的工作。谢谢你的回答。我曾研究过制作一个HTML模板，但我无法找到一种方法为每个专辑名创建一个列表项，因为可能有任意数量的专辑。在javascript中，我将使用Object.keys（）和.forEach来实现这一点。我会继续找，如果你能给我指出正确的方向，请告诉我。编辑：写完这篇文章后，我想我找到了答案：

class AlbumList {
constructor() {
this.list = 
{'cat album': ['cat-photo.jpg', 'meow.jpg', 'paws.jpg'], 
'dog album': ['woof.jpg', 'tail-wag.jpg']} 
} }
export default AlbumList