Gulp:缩小和取消任务

Question

我是个新手，所以我不知道有多少好的gulp插件。我写了一段代码，用gulp及其插件简化js、css和html，运行良好。但现在我被解压代码卡住了。我不知道应该使用哪些插件，哪些插件可以很容易地解开代码。

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

/Minifying是用于生产的，你不应该在你开发的时候丑化你的代码(除非是为了测试目的)。

当你开始吞咽任务时，你必须确保你有你的“工作代码”的一部分，你将转换成一个“目标代码”。

当你这样做的时候：

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

您正在处理的代码位于app文件夹中，转换后的代码位于min文件夹(即目标文件夹)中。

但是，如果在开发过程中也使用了min目录，那么只需在开发过程中禁用uglify任务(更容易调试非uglifyied文件)。

没有必要解压你的源码，在app文件夹中仍然存在。