是否可以使用 webpack 将 favicon href 替换为内联 base64？答案

【问题标题】：Is it possible to replace the favicon href with the inline base64 using webpack?是否可以使用 webpack 将 favicon href 替换为内联 base64？
【发布时间】：2021-12-27 17:49:37
【问题描述】：

我正在使用 Webpack (v4) 使用我的所有代码库（css、HTML、字体、内联 svgs 等）生成一个唯一的 HTML 文件（硬性要求）。

我正在努力将内联网站图标图像包含在 base64 中，替换

<link rel="icon" href="assets/favicon.png">

关于构建时间，与

<link rel="icon" href="data:image/x-icon;base64,UklGRhQBA... ">

我已经尝试了几个插件/加载器，但它们似乎都不起作用。

你知道是否有任何工具可以做到这一点？

感谢您的帮助！

【问题讨论】：

标签： javascript html webpack build favicon

【解决方案1】：

如果您可以将 gulpjs 添加到您的构建链中，这应该会为您完成https://openbase.com/js/gulp-base64-favicon

【讨论】：