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

使用gulp clean css和gulp rename缩小并重命名为.min.css前缀,但gulp会删除style.min.css文件,gulp,gulp-rename,gulp-clean-css,Gulp,Gulp Rename,Gulp Clean Css,下面是我的整个吞咽文件。我在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('

下面是我的整个吞咽文件。我在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']);

为了进一步增加混淆,我在IDE中使用Atom,当我在Atom中进行编辑时,gulp将清除.min文件中任何不是初始编辑的编辑(创建.min文件),但如果我在CLI上使用nano进行所有编辑,则每次都会正确填充.min文件。也许我应该找一个新的IDE?

当你说“永远不能正确填充”时,你是什么意思?当文件未正确填充时,文件中会出现什么?感谢您的回复!对不起,我的意思是说.min文件完全清除,没有任何内容(0字节)。我在这里也遇到了同样的问题。当你说“从不正确填充”是什么意思?当文件未正确填充时,文件中会出现什么?感谢您的回复!抱歉,我的意思是说.min文件完全清除,没有任何内容(0字节)。我在这里遇到了相同的问题。