Babel with Gulp - 如何设置 javascript 文件转译顺序答案

【问题标题】：Babel with Gulp - How to set javascript file transpile orderBabel with Gulp - 如何设置 javascript 文件转译顺序
【发布时间】：2017-11-07 17:28:15
【问题描述】：

简而言之，我有一个 Angular 应用程序，我想使用 babel 和 gulp 来转换我的 .js 文件。然而，在 dist bundle.js 中，它首先转换控制器，然后再启动模块。所以我希望 babel 先转译 .module.js 文件，然后转译 .controller.js 文件。这样我的代码将正确排序，控制器可以正确连接到模块。这是我的 gulpfile.js：

const gulp = require('gulp');
const sourcemaps = require('gulp-sourcemaps');
const babel = require('gulp-babel');
const concat = require('gulp-concat');

gulp.task('default', () => {
    return gulp.src('public/src/**/*.js')
        .pipe(sourcemaps.init())
        .pipe(babel({
            presets: ['es2015']
        }))
        .pipe(concat('bundle.js'))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('public/dist'));
});

【问题讨论】：

这真的有必要吗？无论如何，为什么不将模块和控制器分别移动到它们自己的子文件夹中，并按顺序将 gulp.src 每个文件夹移动？
长话短说，在我的情况下是必要的。我试图链接 .src().src() 但它不允许我。我该怎么做？ @robertotomás
.src(['foo/', 'bar/']) 我相信
@robertotomás 这解决了我的问题。如果您想将其发布为答案，我会将其标记为正确。感谢您的帮助！

标签： javascript gulp babeljs

【解决方案1】：

为什么不将模块和控制器分别移动到各自的子文件夹中，并将 gulp.src 依次移动到每个文件夹中？

使用.src(['foo/', 'bar/'])指定顺序

【讨论】：

我决定不将文件夹分成 MVC 结构，因为我按功能进行文件夹。我是这样做的： return gulp.src(['public/src/**/*.module.js', 'public/src/**/*.controller.js'])