如何自动构建Webpack，以自动转义SASS和HTML文件中的数据URI？

Question

我面临的问题是firefox在数据URI中不支持#字符。 Chrome或Safari完全可以。

我们的用户界面人员使用了很多内联的SVG，它们都包含数据URIS

例如在scss文件中：

content: url('data:image/svg+xml;utf8,<svg ...</svg>');

和html个文件中

：

<img src='data:image/svg+xml;utf8,<svg width="234px" height="205px"...</svg>'>

并且有100多个这样的示例，但这些示例在firefox中都不起作用，因为它们具有#字符，并且出现以下错误

但是当我们尝试使用%23代替该字符时，SVG会正确加载。

如何使构建自动化，以便对它们进行url编码。

字符串替换必须非常具体，并且仅需要在html的img标签和更少文件的url('data:image/svg+xml;utf8内部进行替换。

这就是我要考虑的事情：找到所有stroke="#并替换为stroke='%23，如果更难使用webpack，则替换为fill