0

我正在使用 grunt-svgstore 来合并 SVG 文件。有一个名为“cleanup”（https://github.com/FWeinb/grunt-svgstore#optionscleanup）的选项应该：

清理所有可能危及以后基于样式表的着色（填充）的内联样式定义。

但是，我的似乎不起作用。它的其余部分运行良好，我得到了前缀和 viewBox 并创建了文件。只是清理似乎不起作用。我在这里的语法错误吗（来自我的 Gruntfile.js）？

svgstore: {
    options: {
        prefix: 'icon-',
        cleanup: true,
        svg: {
            viewBox: '0 0 32 32',
            class: 'is-hidden'
        }
    },
    default: {
        files: {
            'svg/svg-sprite.svg': ['svg/*.svg']
         }
    }
}
4

2 回答 2

5

看起来您可以提供带有数组关闭属性的 'cleanup' 选项，而不仅仅是trueor false。如果需要，您可以fill在数组中添加属性以及样式属性。

options: {
    cleanup: ['fill', 'style']
}

希望这有助于将来参考。

于 2014-10-08T03:16:55.913 回答
3

我实际上在这个问题上走错了路，但我会把它留给遇到同样问题的任何人参考。

该插件实际上按预期完美运行，即删除所有内联样式：

<path style="fill:#000000:">

它不做的是删除仅使用应用的样式

<path fill="#000000">

我用来下载 SVG 图标的 IcoMoon 应用程序使用后者为图标着色，因此插件不会删除这些图标。不幸的是，我不得不单独检查每个 SVG 并将其删除fill="#000000"。

于 2014-07-04T14:08:28.790 回答