Почему Gulp не видит папку Img?

Question

[Nastyuuuushka]

var gulp = require('gulp'),
    concatCSS = require('gulp-concat-css'),
    rename = require('gulp-rename'),
    autoprefixer = require('gulp-autoprefixer'),
    minifyCSS = require('gulp-minify-css'),
    stylus = require('gulp-stylus');

gulp.task('default', function() {
    gulp.src('development/*.css')
        .pipe(concatCSS("bundle.min.css"))
        .pipe(autoprefixer('last 50 version'))
        .pipe(minifyCSS())
        .pipe(gulp.dest('app/css'));
});

gulp.task('watch', function() {
    gulp.watch('development/*.css', ['default'])
})

gulp.task('stylus', function() {
  gulp.src('development/*.styl')
  .pipe(stylus())
  .pipe(gulp.dest('img/'));
});

Answer 1

[HamSter]

gulp.task('stylus', function() {
  gulp.src('development/*.styl')
  .pipe(stylus())
  .pipe(gulp.dest('img/'));
});

Сюда в dest
.pipe(gulp.dest('img/'));

Вы уже компилируете изображения!

Но откуда Вы их хотите взять, если исходник gulp.src('development/*.styl') ... прилагайте файл .styl там подключаются изображения, если да, то путь неверный?!

Либо создавать еще один таск именно для изображений!

Например так:

var gulp = require('gulp'),
    concatCSS = require('gulp-concat-css'),
    rename = require('gulp-rename'),
    autoprefixer = require('gulp-autoprefixer'),
    minifyCSS = require('gulp-minify-css'),
    stylus = require('gulp-stylus');

gulp.task('default', function() {
    gulp.src('development/*.css')
        .pipe(concatCSS("bundle.min.css"))
        .pipe(autoprefixer('last 50 version'))
        .pipe(minifyCSS())
        .pipe(gulp.dest('app/css'));
});

gulp.task('stylus', function() {
  gulp.src('development/*.styl')    // Откуда берете 
  .pipe(stylus())
  .pipe(gulp.dest('app/img'));              // Куда будете собирать
});

gulp.task('img', function() {
  gulp.src('development/*.img')                       // Откуда берете изображения
  .pipe(gulp.dest('img/'));               // Куда будете собирать
});

gulp.task('watch', function() {
    gulp.watch('development/*.css', ['css']);
   gulp.watch('development/*.styl', ['stylus']);
   gulp.watch('development/*.img', ['images']);
})