javascript - 将 gulp-if 与 gulp-useref 和 gulp-uglify 结合使用

Question

我想使用 gulp-useref 将我所有的 JavaScript 文件连接成一个。

在我的 JavaScript 文件中，我混合了pre-minified 和non-minified 文件。

我只想丑化尚未缩小的文件(出于构建性能原因)和 https://github.com/jonkemp/gulp-useref#transform-streams表明这是可能的(事实上，它看起来很容易)。以下是我的 Gulp 任务定义:

gulp.task('compile', function () {
    return gulp.src('index.html')
        .pipe(useref({}, lazypipe().pipe(function() {
            return gulpif(['*.js', '!*.min.js'], uglify());
        })))
        .pipe(gulp.dest(paths.build));
});

这是有效的，因为我得到了一个串联文件，但未缩小的文件保持未缩小(预缩小的文件仍然缩小 - 正如预期的那样)。

我的代码部分基于此:https://github.com/craigjennings11/gulp-uglifyjs

知道为什么我的文件没有被缩小吗？

---

引用资料

• gulp
• gulp-useref
• gulp-if
• gulp-uglify
• lazypipe

Answer 1

对于遇到此问题的其他人:我发现我必须使用 **/通配符模式一旦我开始将我的 glob 放入 gulpif 的条件参数中的数组中例如

gulp.task('compile', function () {
    return gulp.src('index.html')
        .pipe(useref({}, lazypipe().pipe(function() {
            return gulpif(['**/*.js', '!**/*.min.js'], uglify());
        })))
        .pipe(gulp.dest(paths.build));
});

然后它非常适合我。