Gulp连接javascript文件和库仅在es6代码上执行babel

Question

使用gulp连接javascript文件的最佳实践是什么？我想将我所有的javascript文件连接到一个app.js文件中。在此之前，有几个用es6编写的文件需要使用babel进行转译。我如何告诉一个流，babel应该省略框架？我使用main-bower-files自动选择所有相关的框架文件，这带来了另一个问题。如何通过main-bower-files选定的框架对所有内容进行排序，以便jquery始终位于连接文件的开头。

同时，我首先将所有bower文件和es6文件复制到一个目录中，然后将所有内容连接在一起：

    gulp.task('concat', ['babel', 'copy-bower-files'], function() {
        return gulp.src([destPublicLib + '**/jquery.min.js', destPublicLib + '**/*.min.js', destPublicJs + '**/*.js'])
            .pipe(concat('app.js'))
            .pipe(gulp.dest(destPublic));
    });

有没有一种更干净的方法呢？

Answer 1

听起来您可以从gulp切换到webpack，因为webpack可以使用babel和其他编译为js的工具。