reactjs - 使用 Nextjs SSR 将链接的 svg 图像转为内联
问题描述
我在 CDN 上有 SVG 图像,但是出于性能原因,最好不要将它们用作链接
<image src="https://path-to/image.svg" />
但内联使用它们。
<svg width="...>
...
</svg>
我可以手动下载 svg 代码并将其插入 html 代码,但我的客户将无法再在 CDN (CMS) 上更改这些图像。
你知道如何设置 NextJS 在SSR或SSG阶段将链接的 svg 图像转为内联吗?
解决方案
推荐阅读
- python - python中的基本函数
- reactjs - 为什么我不能从 api/context 中获取项目?(反应问题)
- c# - 在 c# 中使用 Newtonsoft 对 Json 中的嵌套对象进行有效的手动反序列化
- assembly - 即使我确实为变量设置了初始值,数据段也没有被初始化
- go - 发送蓝牙广告包并获得一些答案
- ssh - 如何通过 ssh 调用 AAC 音频流功能
- python - 如何将文本文件移动到其他文件夹?
- javascript - Promise 嵌套在 async 函数中 - 为什么不只使用 async/await?
- python - 如何在 Pandas 中获得带有误差线的图?
- javascript - 如何将“原始”DOM 事件转换为 React SyntheticEvent?