使用gulp-clean-css和gulp-rename缩小并重命名.min.css前缀，但是gulp会删除style.min.css文件

Question

所以，下面是我的整个gulp文件。我的styles / src文件夹中有一个style.css，我希望gulp在styles / dist文件夹中输出style.min.css文件。 gulp-clean-css生成缩小文件，gulp-rename添加.min后缀。

当我有一个空的dist文件夹并运行gulp时，它成功地在dist中创建了缩小的css文件，但每次后续对style.css的编辑（由watcher监视）都会导致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文件） ），但如果我在CLI上使用nano进行所有编辑，则每次都会正确填充.min文件。也许我应该找一个新的IDE？