如何更改gulp-svg精灵代码以使用gulp-sfg精灵



我想采用这种技术https://www.liquidlight.co.uk/blog/article/creating-svg-sprites-using-gulp-and-sass/但当我尝试使用gulp-svg精灵时,我在Win7上的安装出现了问题。所以我用了svg-sprite,但后来我得到了

"但是,我得到了events.js:72 thro er;//U未处理的错误事件。ArgumentError:SVGSPrieter.compile:"{}"不是有效的模式配置。"

我想我应该把下面的这些行改成gullowsvg-sprite。有人能告诉我该换什么吗?

  return gulp.src(paths.sprite.src)
    .pipe(svgo())
    .pipe(svgSprites({
        cssFile: paths.sprite.css,
        preview: false,
        layout: 'diagonal',
        padding: 5,
        svg: {
            sprite: paths.sprite.svg
        },
        templates: {
            css: require("fs").readFileSync(paths.templates.src + 'sprite-template.scss', "utf-8")
        }
    }))
    .pipe(gulp.dest(basePaths.dest));

我知道这可能太晚了,但作为svg精灵(及其Grunt/Gulp包装纸)的作者,我想你会被gull svg精灵之间的不兼容性弄糊涂(这是Shane Osbourne写的,直到我自己把svg精灵移植到Gulp;注意结尾的"s")和最后一个在liquidlight中引用的gull svg-精灵之间的兼容性文章您可能可以通过使用同时可用的在线配置kickstarter来解决您的配置难题。

最新更新