Gulp: minify und unminfy Aufgaben

Question

: Ich bin zu schlucken, damit ich weiß nicht, wie viel guten Schluck Plugins. Ich habe einen Code geschrieben, um js, css und html mit gulp und seinen Plugins zu minimieren, was gut funktioniert. Aber jetzt stecke ich in einem Code, der keinen Code enthält. Ich weiß nicht, welche Plugins zu verwenden sind, die den Code leicht aufheben können.

guplfile.js:

var gulp = require('gulp'), 
    uglify = require('gulp-uglify') 
    htmlmin = require('gulp-html-minifier') 
    csso = require('gulp-csso'); 

gulp.task('min_js', function() { 
    gulp.src('app/**/*.js') 
    .pipe(uglify()) 
    .pipe(gulp.dest('min')) 
}); 

gulp.task('min_html', function() { 
    gulp.src('app/**/*.html') 
    .pipe(htmlmin({ collapseWhitespace: true })) 
    .pipe(gulp.dest('min')) 
}); 

gulp.task('min_css', function() { 
    gulp.src('app/**/*.css') 
    .pipe(csso()) 
    .pipe(gulp.dest('min')) 
}); 

gulp.task('minify_all', ['min_js', 'min_html', 'min_css']); 

//pending 
//gulp.task('unminify',[]); 

Answer 1

Uglifying/Verkleinerungs ist für die Produktion besucht, sollten Sie Ihren Code nicht verunstalten, während Sie (außer für Testzwecke) entwickeln.
Wenn Sie Schluckaufgaben starten, müssen Sie sicherstellen, dass Sie in einem Teil Ihren "Arbeitscode" haben, den Sie in einen "Zielcode" umwandeln werden.

Wenn Sie dies tun:

gulp.task('min_js', function() { 
    gulp.src('app/**/*.js') 
    .pipe(uglify()) 
    .pipe(gulp.dest('min')) 
}); 

Der Code, auf dem Sie arbeiten im app Ordner und Ihre transformierten Code ist im min Ordner (es ist der Zielordner).
Aber, wenn das min Verzeichnis auch in der Entwicklung verwendet wird, deaktivieren Sie einfach die uglify Aufgabe in der Entwicklung (einfacher Debuggen einer nicht-glypheed Datei).
Es ist nicht notwendig, Ihre Quellen zu minimieren, da sie immer noch in app Ordner vorhanden sind.