Question

使用gulp-svg-sprite插件，我能够获得一个使用生成的svg sprite的示例html。在那里，＆lt; svg＆gt;＆lt; use＆gt; ＆lt; symbol＆gt;根据形状ID自动拥有一个类。

此类格式为mode.<mode>.prefix（前缀，默认值".svg-%s"）+ mode.<mode>.dimensions（后缀，默认值"-dims"）。

有什么方法可以为＆lt; svg＆gt;获得多个类在生成的HTML？从这个文件中复制和粘贴标记会容易得多。例如。 <svg class="class1 class2">。 gulp-svg-sprite总是只生成一个类。

我试过

只需在mode.<mode>.prefix和mode.<mode>.suffix中的所需类名之间留一个空格。例如。 prefix: "icon-svg %s"。
逃离空间（使用\），但这可能没有意义。
同时在mode.<mode>.prefix和mode.<mode>.suffix中提供不同的课程。例如。 prefix: "icon-svg"，dimensions: " icon-%s"。

我的配置对象：

var svgSpriteConfig = {
  dest: imagesPath,
  shape: {
    id: {
      separator: '',          // no directory namespacing
      generator: 'icon-%s'    // symbol ID prefix
    }
  },
  mode: {
    symbol: {
      dest: '.',
      inline: true,
      prefix: '',             // class prefix
      dimensions: '%s',       // class suffix
      sprite: './icons-sprite.svg',
      example: true
    }
  }
};

需要注意的一点是：prefix可以为空，但dimensions不能。

gulp-svg-sprite提供的示例html中是否有多个类赋值？

0 个答案: