Gulp：缩小和取消任务

【问题标题】：Gulp: minify and unminfy tasksGulp：缩小和取消任务
【发布时间】：2017-06-22 10:06:30
【问题描述】：

我是 gulp 的新手，所以我不知道那么多好的 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',[]);

【问题讨论】：

?未缩小的版本仍在您的“应用”文件夹中。这还不够好吗？？它们没有被修改。

标签： gulp gulp-uglify

【解决方案1】：

Uglifying/Minifying 用于生产，您不应在开发时对代码进行 uglifying（测试目的除外）。
当你开始 gulp 任务时，你必须确保你有一部分你的“工作代码”，你将转换成一个“目标代码”。

当你这样做时：

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

您正在处理的代码位于 app 文件夹中，而您转换后的代码位于 min 文件夹中（它是目标文件夹）。
但是，如果min目录也在开发中使用，只需在开发中禁用uglify任务（更容易调试未丑化的文件）。
无需取消压缩源，app 文件夹中仍然存在。

【讨论】：