Question

我是新手，所以我不知道多少好的插件。我编写了一个代码，用于使用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

Uglifying / Minifying参与制作，你不应该在开发过程中弄乱你的代码（测试目的除外）。
当你开始gulp任务时，你必须确保你在一个部分中拥有你工作的代码＆＃34;，你将转换成一个＆＃34;目的地代码＆＃34;。

当你这样做时：

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

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

Gulp：缩小和完成任务

1 个答案: