Webpack src替换在<input />元素中不起作用？

Question

我有一个使用webpack的角度项目，我正在尝试将输入元素用作可点击的图像，因为我需要'禁用'功能，如下所示：

<li> <input src="../../resources/settings.png" type="image" /> </li>

但是，无论我做什么，我总是在浏览器中出现404错误，因为看起来webpack没有正确替换路径：

但是，如果我只使用img元素，它确实有效：

<li> <img src="../../resources/settings.png" /> </li>

为什么，webpack看起来不能正确替换输入元素的src属性，而是使用img元素（以及我在项目中其他地方使用的许多其他元素）正确地替换它？

更新： 我一直无法找到上述问题的解决方案，但作为一种解决方法，我最终没有使用url-loader插件来处理图像，而是使用CopyWebpackPlugin将我的整个assets文件夹复制到输出文件夹webpack构建步骤。

如果有人想出解决问题的解决方案，我仍然感兴趣。