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

【问题标题】：Gulp concatenating javascript files and libraries only execute babel on es6 codeGulp 连接 javascript 文件和库仅在 es6 代码上执行 babel
【发布时间】：2015-08-12 18:05:47
【问题描述】：

使用 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));
    });

有没有更简洁的方法来做到这一点？

【问题讨论】：

标签： javascript gulp gulp-concat

【解决方案1】：

听起来你可以从 gulp 切换到 webpack 受益，因为 webpack 可以使用 babel 和其他 compile-to-js 工具。

【讨论】：