咕嘟咕嘟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上）