javascript - 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 和其他 compile-to-js 工具一起使用。