javascript - gulp工作流文件产出问题?
高洛峰
高洛峰 2017-04-11 11:02:14
[JavaScript讨论组]

gulpfile.js

var gulp = require('gulp');

var cssSprite = require('gulp-css-spritesmith');

//拼接雪碧图
gulp.task('sprites', function () {
    gulp.src('./output/css/*.css')
        .pipe(cssSprite({
            imagepath: './output/imgs/slice/',
            spritedest: './output/imgs/sprite/',
            spritepath: '../imgs/sprite/'
        }))
        .pipe(gulp.dest('./'));
});

//文件移动
gulp.task('moveFile',function(){
    gulp.src('./public/css/*')
        .pipe(gulp.dest('./output/css/'));
    gulp.src('./public/imgs/*/*')
        .pipe(gulp.dest('./output/imgs/'));

})

gulp.task('build',['moveFile','sprites']);

目录结构

示例代码

预期效果是首先将css文件夹和imgs文件夹移动到output文件夹后再生成雪碧图,目前问题是文件成功移动了,但是雪碧图没有生成,必须再执行一次gulp build才生成雪碧图。

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(1)
怪我咯

如果理不清楚前后依赖关系,可以试试gulp-sequence这个插件,就能像grunt一样顺序执行了。当然效率可能会降低

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号