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的工具一起工作。