Глоток CSS задача не переписывания существующих CSS

Question

var paths = { 
css: './public/apps/user/**/*.css' 
} 

var dest = { 
css: './public/apps/user/css/' 
} 

// Минимизировать и Concat все файлы CSS

gulp.task('css', function(){ 
return gulp.src(paths.css) 
    .pipe(concatCSS('style.css')) 
    .pipe(minifyCSS({keepSpecialComments: 1})) 
    .pipe(rename({ 
     suffix: '.min' 
    })) 
    .pipe(gulp.dest(dest.css)) 
}); 

Когда я первый запустить задачу компилирует хорошо, и все изменения есть. После того как я что-то изменил и запустил, он не перезаписывает существующий файл css. Если бы я удалил мини-css и запустил задачу, все будет отлично. Какие-нибудь идеи?

Answer 1

Попробуйте установить точный путь, а не переменную. Не то, чтобы это не была хорошая практика, просто попробуйте без нее.

Кроме того, добавьте 'use strict'; к своей задаче, чтобы вы могли быть уверены в отсутствии серьезных ошибок в настройках. Это даст вам правильный тип ошибок, если они есть.

И, могу ли я спросить, почему вы конкатенируете свой CSS до сборки сборки?

Каждая конкатенация, минимизация и т. Д. Должна выполняться в задаче 'build'.

Answer 2

Вы должны удалить свою сокращенную версию css перед выполнением minify css.

Для достижения этой цели вы можете использовать Глоток-чистого

установить Глоток-чистый, как НПЕ установить Глоток-чистого

var gulp = require('gulp'), 
    concat = require('gulp-concat'), 
    cleanCSS = require('gulp-clean-css'), // this is to minify css 
    clean = require('gulp-clean'), //this is to delete files 
gulp.task('del-custom-css', function(){ 
    return gulp.src('./static/custom/css/custom.min.css',{force: true}) 
    .pipe(clean()) 
}); 
gulp.task('minify-custom-css', ['del-custom-css'], function(){ 
    return gulp.src(['./static/custom/css/*.css']) 
    .pipe(concat('custom.min.css')) 
    .pipe(cleanCSS()) 
    .pipe(gulp.dest('./static/custom/css')) 
}); 

Надеется, что это помогает.