Gulp spritesmith 'getting started' 任务什么都不做

Question

我刚刚复制粘贴了入门任务：

var gulp = require('gulp');
var spritesmith = require('gulp.spritesmith');

gulp.task('sprite', function () {
    console.log("inside sprite");
    var spriteData = gulp.src('/assets/images/*.jpg').pipe(spritesmith({
        imgName: 'sprite.png',
        cssName: 'sprite.css'
    }));

    return spriteData.pipe(gulp.dest('/assets/images/sprites'));
});

当我运行这个任务时，我得到了响应：

[19:42:03] Using gulpfile D:\Phase Zero\AfterMarket\Application\gulpfile.js
[19:42:03] Starting 'sprite'...
inside sprite
[19:42:03] Finished 'sprite' after 18 ms

但如果我转到“/assets/images/sprites”，它是空的！

这里如何调试？

Answer 1

您在 gulp.src() 和 gulp.dest() 中使用了绝对路径。

如果您的图片位于 D:\Phase Zero\AfterMarket\Application\assets\images 中，请改用相对路径：

gulp.src('assets/images/*.jpg')

gulp.dest('assets/images/sprites')
如果您的图像实际上位于 D:\assets\images，请尝试包括驱动器号：

gulp.src('D:/assets/images/*.jpg')

gulp.dest('D:/assets/images/*.jpg')

（免责声明：我不知道这是否有效，从未在 Windows 上使用过 Gulp。）

Gulp spritesmith 'getting started' 任务什么都不做

Gulp spritesmith 'getting started' task is doing nothing

gulp

grunt-spritesmith

gulp-spritesmith