2016-04-04 1 views
0

Я работаю над тем, как автоматизировать процесс разработки с помощью системы сборки gulp.Gulp Revisioning

У меня возникла проблема с пересмотром моих таблиц стилей. Я использовал gulp-rev для создания файла с их номером ревизии обновления, но он продолжает создавать дополнительный файл для любых изменений внутри файла, что приводит к увеличению размера моей установки.

gulpfile.js

var gulp = require('gulp'); 
var watchLess = require('gulp-watch-less'); 
var less = require('gulp-less'); 
var plumber = require('gulp-plumber'); 
var watch = require('gulp-watch'); 
var rev = require('gulp-rev'); 
var revReplace = require('gulp-rev-replace'); 
var cleanCSS = require('gulp-clean-css'); 
var autoprefixer = require('gulp-autoprefixer'); 
var revAppend = require('gulp-rev-append'); 

//LESS 
gulp.task('less', function() { 
    return gulp.src('assets/less/*.less') 
     .pipe(watchLess('assets/less/*.less')) 
     .pipe(less()) 
     .pipe(autoprefixer({ 
      browsers: ['> 0%'], 
      cascade: false 
     })) 
     .pipe(cleanCSS()) 
     .pipe(gulp.dest('assets/css/')) 
     .pipe(rev()) 
     .pipe(gulp.dest('assets/css/')) 
     .pipe(revAppend()) 
     .pipe(gulp.dest('assets/css')) 
     .pipe(rev.manifest()) 
     .pipe(gulp.dest('assets/')); 
}); 

//Watch 
gulp.task('watch', function(){ 
    gulp.watch('assets/less/*.less', ['less']); 
}) 

//Default 
gulp.task('default', ['watch']); 

Мне нужна помощь в создании последней версии файла с изменениями обновления и удаления предыдущего файла из каталога файлов или что-то, который даст мне только на файл с последним обновлением/изменений в этом.

Я также использовал несколько других связанные обороты плагина, но din't найти правильный способ сконфигурировать его

ответ

0

Ну, у вас есть четыре трубы с местом назначения.

.pipe(gulp.dest('assets/css/')) 
.pipe(gulp.dest('assets/css/')) 
.pipe(gulp.dest('assets/css')) 
.pipe(gulp.dest('assets/')); 

Три из них с тем же местом назначения. Ожидайте иметь три копии всех файлов в трубе на разных этапах. С глотком-оборот вам нужен дополнительный трубопровод для манифеста, но по-прежнему оставляет нас с 2 вместо 4.

Try:

//LESS 
gulp.task('less', function() { 
    return gulp.src('assets/less/*.less') 
     .pipe(watchLess('assets/less/*.less')) 
     .pipe(less()) 
     .pipe(autoprefixer({ 
      browsers: ['> 0%'], 
      cascade: false 
     })) 
     .pipe(cleanCSS()) 
     .pipe(rev()) 
     .pipe(revAppend()) 
     .pipe(gulp.dest('assets/css')) 
     // WARNING!!! Put the manifest after all the file pipes 
     .pipe(rev.manifest()) 
     .pipe(gulp.dest('assets/')); 
}); 

Here is post на повторное в случае видения на который вы хотите пересмотра пакета и оставляйте обязанности по пересмотру файла для вашего исходного элемента управления или сервера сборки.

+0

Благодаря @William –

Смежные вопросы