SVG Sprite 在不同分组标签上具有样式属性

问题描述 投票:0回答:1
css svg
1个回答
0
投票

找到了修复,所以基本上

vite-svg-sprite-wrapper
Vite 插件是
svg-sprite
的包装器,但这使用
svgo

阅读完所有文档后,有一个

sprite
配置选项,用于配置
svg-sprite
的工作方式。因为它有一个选项可以使用
svgo
 配置 
shape.transform

的转换

我想保留相同的默认预设,并且只为

removeStyleElemets
OVVERIDE
svgo
插件,因此我的最终代码现在是:

ViteSvgSpriteWrapper({
        icons: 'public/animations/*.svg',
        outputDir: 'src/assets',
        sprite: {
          shape: {
            transform: [{
              svgo: {
                plugins: [{
                  name: 'preset-default',
                  params: {
                    overrides: {
                      removeStyleElement: false,
                    }
                  }
                }]
              }
            }]
          }
        }
      }),

...这有效,样式属性保留在

g
标签上。

© www.soinside.com 2019 - 2024. All rights reserved.