Всем привет, как правильно собрать спрайт, чтобы он попал и в
dev-сборку и в
build-сборку?
Нашел пару плагинов для Vite:
- ViteSvgSpriteWrapper
- VitePluginSvgSpritemap
____________________________________________________________________________________________
Настройки для
ViteSvgSpriteWrapper -
ViteSvgSpriteWrapper({
icons: 'src/icons/*.svg',
outputDir: 'public/img',
}),
Если собрать спрайт в папку src или в
public, то в
dev иконки работают как положено, а вот в папку
build (она же
dist по-умолчанию) спрайт падает тоже, но абсолютно пустой. На 1м скрине пустой в
build, а на 2м нормальный собранный спрайт в
public.
Можно конечно настроить чтобы спрайт падал сразу в папку build, но в таком случае уже в dev-режиме не будет спрайта.
____________________________________________________________________________________________
Настройки для
VitePluginSvgSpritemap -
VitePluginSvgSpritemap('./src/icons/*.svg'),
Тут все куда проще - спрайт собирается и работает, но только в
dev-режиме. Настроек нужных для этого плагина на npmjs не нашел.