@jedybeavis

Stylus — failed to locate @import file sprites.styl?

Есть проблема с компиляцией стилей в Gulp
Сначала делаю спрайты, а потом stylus. Выдает ошибку что не находит файл. Скорее всего он не успевает его создать что бы подключить его.
[10:49:36] CLI version 1.2.2
[10:49:36] Local version 4.0.0-alpha.2

gulp.task(project + '-spr', gulp.series(function generateSprites (done) {
        let timestamp = Date.now();
        let spriteOutput = gulp.src(srcFolder + 'images/sprites/*.png')
            .pipe(plumber({
                errorHandler: onError
            }))
            .pipe(sprite({
                imgName: "sprite.png",
                imgPath: "../img/sprite.png?" + timestamp,
                cssName: "sprites.styl",
                algorithm: 'binary-tree',
                padding: 10,
                retinaImgName: "sprite_retina.png",
                retinaImgPath: "../img/sprite_retina.png?" + timestamp,
                retinaSrcFilter: srcFolder + 'images/sprites/*@2x.png'
            }));
            
        spriteOutput.css
            .pipe(buffer())
            .pipe(plumber({
                errorHandler: onError
            }))
            .pipe(gulp.dest(srcFolder + 'styles/mixins'))
        spriteOutput.img
            .pipe(buffer())
            .pipe(plumber({
                errorHandler: onError
            }))
            .pipe(gulp.dest(folder + 'img'));
            
        done();
    }));
    allSprite.push(project + '-spr');

    gulp.task(project + '-styl', gulp.series(function generateStyl (done) {
        let mainStyl = '';
        fs.stat(srcFolder + 'styles/**/*-gulp.styl', function(err, stat) {
                mainStyl = gulp.src(srcFolder + 'styles/**/*-gulp.styl')
                .pipe(plumber({errorHandler: onError}))
                .pipe(buffer())
                .pipe(sourcemaps.init())
                .pipe(stylus({
                    use:[nib(),stylusFileExists()],
                    'include css': true,
                    include: [
                        normal.path
                    ]
                }))
                .pipe(sourcemaps.write('.'))
                .pipe(gulp.dest(folder + 'css/'))
                .pipe(browserSync.stream({match: '**/*.css'}));
        })
       done();
       return [mainStyl];
   }));
gulp.task(project + '-build', gulp.series(currentProject + '-spr', currentProject + '-styl')); //
  • Вопрос задан
  • 359 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы