Gulp Spritesmith的“入門”任務無所作為

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()使用絕對路徑。

1. 如果您的圖片位於D:\\Phase Zero\\AfterMarket\\Application\\assets\\images改用相對路徑：

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

   gulp.dest('assets/images/sprites')

2. 如果您的圖像實際上位於D:\\assets\\images ，請嘗試包含驅動器號：

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

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

   （免責聲明：我不知道這是否可行，從來沒有在Windows上使用Gulp。）