Image 需要img标签中的图像和网页包

到目前为止，我看到的大多数教程在涉及图像时都有以下代码：

var imgElement = document.createElement('img');

imgElement.src = require('./images/my-image.jpg');

document.body.appendChild(imgElement);

但是，如何让webpack在模板中处理类似的内容：

<img class="mhe-logo" src="../../assets/images/logo.png">

---

内联链接是否有特殊的“require”语法？基本上，我想使用url加载器，以便它返回小图像的base64，并散列所有其他图像。

您使用的模板库/框架是什么？@JoeClay使用Angular，我知道我可以在控制器中设置变量，但是想知道是否有办法做到这一点。这取决于你如何包括模板-如果它是硬编码成一个字符串的指令，你可以使用字符串插值，但如果它只是一个

.html

文件，我认为前进的方向是，正如你所说，将值放入你的控制器中，然后可以使用

ngsrc

绑定到它。这里有一个技巧-当您绑定到它时，使用

ngsrc=“{{imageVar}}}”

，而不是执行

ngsrc=“{{{：：imageVar}}}}”

-这将使它成为一次性绑定，因此Angular不会浪费时间检查对它的更改。但是，您可以在JS文件中添加require（“”）。