grunt-svgstore 清理选项不起作用答案

【问题标题】：grunt-svgstore cleanup option not workinggrunt-svgstore 清理选项不起作用
【发布时间】：2014-08-25 20:28:29
【问题描述】：

我正在使用 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']
         }
    }
}

【问题讨论】：

标签： gruntjs grunt-svgstore

【解决方案1】：

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

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

希望这有助于将来参考。

【讨论】：

这对您很有帮助，谢谢！我在文档中找不到对此的参考——有吗？如果没有，我认为更新文档的 PR 是有必要的。

【解决方案2】：

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

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

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

它不会删除仅使用的样式

<path fill="#000000">

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

【讨论】：