Где ошибка в сборке проекта Gulp ( проблема с sass)?

Question

[svilkov87]

Добрый день!
Структура проекта следующая:
Корень:

Папка app, где все должно компилироваться:


И gulpfile.js с комментариями:

var gulp = require('gulp'),
	sass = require('gulp-sass'),// подключение sass
	rename = require('gulp-rename'),//переименовываем  миниф файл
	cleanCSS = require('gulp-clean-css'),//минифицируем
	autoprefixer = require('gulp-autoprefixer'),//автопрефикер
	livereload = require('gulp-livereload'),//livereload
	connect = require('gulp-connect');//соед с уд сервером

//livereload
	gulp.task('connect', function() {
  connect.server({
    root: 'app',
    livereload: true
  });
});
 
gulp.task('css', function () {
  return gulp.src('app/sass/main.sass')//путь к папке с sass-файлом, с которым будем работать
    .pipe(autoprefixer({
        browsers: ['last 15 versions']
    }))
    .pipe(sass())//sass
    .pipe(cleanCSS()) //минифицируем css
    .pipe(rename('bundle.min.css'))//как назовем скомпилированный min- файл
    .pipe(connect.reload())
    .pipe(gulp.dest('app/css'));//куда выкладываем итоговый файл
});

Проблема в том, что изменения livereload-ом происходят, а вот в bundle.min.css - скомпилированном итоговом файле - изменений нет.
В чем моя ошибка?
Спасибо.

Answer 1

[Андрей Б.]

Местами поменяй

.pipe(gulp.dest('app/css')) //куда выкладываем итоговый файл
.pipe(connect.reload());