Question

我想要遵循这个技术https://www.liquidlight.co.uk/blog/article/creating-svg-sprites-using-gulp-and-sass/但是当我尝试使用gulp-svg-sprites时，我在Win 7上安装时出现问题。所以我使用了svg-sprite，但后来我得到了

＆＃34;但是我得到了events.js：72 thro er; // UInhandled错误事件。 ArgumentError：SVGSpriter.compile：＆＃34; {}＆＃34;不是有效的模式配置。＆＃34;

我想我应该为gulp-svg-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));

Answer 1

我明白这可能为时已晚，但作为svg-sprite（以及它的Grunt / Gulp包装纸）的作者，我认为你对gulp-svg-sprites（Shane Osbourne写的）之间的不兼容性感到困惑。直到我自己将 svg-sprite 移植到Gulp之前的一个止损;记住最后的“s”和液态文章中引用的最后gulp-svg-sprite。您可以使用同时提供的online configuration kickstarter解决配置问题。

如何更改gulp svg sprite代码以使用gulp svg sprite

1 个答案: