2017-06-22 74 views
0

我是新來的吞噬,所以我不知道盡可能多的好酒插件。我寫了一個代碼,用於使用gulp及其插件工作正常的js,css和html。但是現在我被困在unminifying代碼中。我不知道哪個插件可以輕鬆地取消代碼。吞噬:最小化和不明智的任務

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',[]); 
+0

?未分類的版本仍然在您的「應用」文件夾中。那不是很好的enogh?他們沒有修改。 – Mark

回答

0

Uglifying /涅槃是參加生產,你不應該,而你正在開發(除用於測試目的)醜化你的代碼。
當你開始吞噬任務時,你必須確保你在一個部分有你的「工作代碼」,你將變成一個「目標代碼」。

當你這樣做:

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

上,您正在使用的代碼是在app文件夾,您的轉化代碼在min文件夾(這是目標文件夾)。
但是,如果min目錄也用於開發中,只需在開發中禁用uglify任務(更容易調試未被uglify的文件)。
有沒有必要取消您的來源,目前仍存在app文件夾中。