Grunticon:使用svgmin

时间:2016-02-16 08:22:28

标签: javascript css svg colors gruntjs

我通常使用Grunticon,我想添加aan svgmin任务。我通常想要为我的图标着色,但不是所有可能的颜色。也许我想要一个红色的图标,另一个绿色的确定吗?

在grunticon中,您可以在生成具有文件名的优化文件时传递要使用的颜色,例如' myimage.colors-color1-color2.svg'。

这里的问题是svgmin将颜色部分视为扩展的一部分,因此当它生成文件时,它会简单地用“#s; .svg'”交换该部分。

我目前的配置:

svgmin: {
  dist: {
    files: [{
      expand: true, 
      cwd: 'src',
      src: ['*.svg'],
      dest: 'min',
      ext: '.svg'
    }]
  }
}

因此myfile.colors-green.svg将成为myfile.svg,因此不会保留颜色。

我可以这样做:

svgmin: {
  dist: {
    files: [{
      expand: true, 
      cwd: 'src',
      src: ['*.svg'],
      dest: 'min',
      ext: '[EVERY-POSSIBLE-COLORS.svg]'
    }]
  }
}

但它对我来说不是一个真正的解决方案,因为当每个图标使用4-5种颜色时,我最终会得到一个巨大的icons.data.svg.css。

我只想让svgmin保留文件的原始颜色部分。我怎么能做到这一点?

1 个答案:

答案 0 :(得分:0)

有人希望我更好地解释,也许......我正在回答我自己的问题,所以,这是正确的答案。答案就是这样:

“跳过ext选项”

跳过(不使用)上面可以看到的ext选项,颜色指令将被保留。