如何在next 3应用中使用spritemap技术?

Question

我有一个next 3应用程序，我想使用svg spritemap。

也就是说，将.svg文件放在/assests/svg/<name>.svg文件夹中，并在应用程序中像这样使用它们:

<svg>
<use xlink:href="spritemap.svg?#<name>"></use>
</svg>

我找到了@nuxtjs/svg插件，但我不能让它工作。像在文档中那样连接它，我得到一个错误:

Uncaught (in promise) DOMException: Failed to execute 'createElement' on 'Document': The tag name provided ('/_nuxt/assets/svg/example.svg') is not a valid name.

如何制作精灵地图?

Answer 1

这在next中很难做到。但这是可能的。

我为此在npm(nuxt-svg-spritemap)上创建了MIT lib。阅读README。