Использование gulp-clean-css и gulp-rename для минимизации и переименования с префиксом.min.css, но gulp стирает файл style.min.css

Question

Итак, ниже весь мой файл глотка. У меня есть style.css в моей папке styles/src, и я хочу, чтобы gulp вывел файл style.min.css в мою папку styles/dist. gulp-clean-css создает уменьшенный файл, а gulp-rename добавляет суффикс.min.

Когда у меня есть пустая папка dist и я запускаю gulp, она успешно создает уменьшенный css-файл в dist, но при каждом последующем редактировании в style.css (просматриваемый наблюдателем) min-файл очищается и после этого не заполняется должным образом.

var gulp = require('gulp');
var cleanCSS = require('gulp-clean-css');
var rename = require('gulp-rename');

var config = {
   srcCss : 'styles/src/**/*.css',
   distCss: 'styles/dist'
}

gulp.task('minify-css', function() {
    gulp.src(config.srcCss)
        .pipe(cleanCSS())
        .pipe(rename('style.min.css'))
        .pipe(gulp.dest(config.distCss));
});

gulp.task('watch', function() {
    gulp.watch('./styles/src/style.css', ['minify-css'])
});

gulp.task('default', ['minify-css', 'watch']);

Чтобы еще больше сбить с толку, я использую Atom для своей IDE, и когда я делаю свои правки в Atom, gulp очистит файл.min для любого редактирования, которое не является первоначальным (которое создает файл.min), но если я делаю все свои правки, используя nano в CLI, файл.min заполняется правильно каждый раз. Может мне стоит найти новую IDE?