Question

我正在使用grunt-svgstore来合并SVG文件。有一个名为＆＃39; cleanup＆＃39; （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']
         }
    }
}

Answer 1

看起来你可以提供清理服务。带有数组off属性的选项，而不仅仅是true或false。如果您愿意，可以在数组中添加fill属性以及样式属性。

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

希望这有助于将来参考。

Answer 2

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

该插件实际上完全按预期工作，即删除所有内联样式：

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

它没有做的是删除仅使用

应用的样式

<path fill="#000000">

我用来下载SVG图标的IcoMoon应用程序使用后者对图标进行着色，因此插件无法删除它们。不幸的是，我必须单独浏览每个SVG并删除fill="#000000"。

grunt-svgstore清理选项不起作用

2 个答案: