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

但是，如果我去＆＃39; / assets / images / sprites＆＃39;它空了！

我如何在这里调试？

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＆＃39;入门＆＃39;任务无所事事

1 个答案: