gulp.dest 未创建目标文件夹

我的 gulp 代码部分如下所示

gulp.src(['../application-base/**/**.js', '!../application-base/assets/**/**.js'], { base: './' })
    .pipe(gulpPlumber({
        errorHandler: function (error) {
            console.log(`\nError ${error}`);
            this.emit('end');
        }
    }))
    .pipe(gprint(filePath => "Transpiling: " + filePath.replace('..\\application-base\\', '')))
    .pipe(babel({ compact: false }))
    .pipe(gulp.dest('../application-base-transpiled/'))
    .on('end', () => done());

如果我改变

.pipe(gulp.dest('../application-base-transpiled/'))

to

.pipe(gulp.dest(''))

然后创建转译文件，并覆盖原始文件。问题是

.pipe(gulp.dest('../application-base-transpiled/'))

不保存文件，以相同的原始路径，在application-base-transpiled

正如你所看到的，我正在使用一个底座，但它似乎可以正常工作。

我缺少什么？

EDIT

我仔细观察了一下，似乎即使是

.pipe(gulp.dest('../application-base-transpiled/'))

Gulp 仍然将转译的文件放到原来的位置，覆盖原来的文件。 Gulp 不喜欢我所经过的目的地，并且默默地忽略了它。

EDIT 2

它似乎removing the base选项解决了这个问题，这与我在其他地方看到的建议相反。的文档gulp.dest不要真正讨论这个。

谁能对此提供一些见解？

EDIT 3

根据斯文的回答，我尝试过这个

gulp.src(['**/**.js', '!assets/**/**.js'], { base: '../application-base' })
    .pipe(gulpPlumber({
        errorHandler: function errorHandler(error) {
            console.log('\nError ' + error);
            this.emit('end');
        }
    }))
    .pipe(gprint(filePath => "Transpiling: " + filePath.replace('..\\application-base\\', '')))
    .pipe(babel({ compact: false }))
    .pipe(gulp.dest('../application-base-transpiled/'))
    .on('end', () => done());

但似乎基础被忽略了，我自己当前目录中的文件被抓取并就地转译（我最不想要的 - 幸运的是 GIT 有助于消除损坏）。

使用数组时是否忽略基本参数src?

在 gulp 流中，文件的目标路径遵循以下伪方程：

gulp.dest + (gulp.src没有领导base) = 文件的目标路径

Example:

gulp.src('src/js/foo.js', {base:'src/'}).pipe(gulp.dest('dist/'));

Result:

'dist/' + ('src/js/foo.js'没有领导'src/') = 'dist/js/foo.js'

在你的情况下：

'../application-base-transpiled/' + ('../application-base/foo/bar.js'没有领导'./') = '../application-base-transpiled/../application-base/foo/bar.js'

所以你的文件最终会出现在原始目录中。

你必须通过{base: '../application-base/'} to gulp.src()使你的例子发挥作用。

NOTE

您仍然需要包括'../application-base/'在你的src小路。的目的base是根据我上面的等式操纵目标路径；确实如此not目的是减少您键入的击键次数gulp.src。所以最终结果应该是这样的

gulp.src(['../application-base/**/**.js'], { base: '../application-base' })
        .pipe(gulpPlumber({
            errorHandler: function errorHandler(error) {
                console.log('\nError ' + error);
                this.emit('end');
            }
        }))
        .pipe(gprint(filePath => "Transpiling: " + filePath.replace('..\\application-base\\', '')))
        .pipe(babel({ compact: false }))
        .pipe(gulp.dest('../application-base-transpiled'))
        .on('end', () => done());

如果你没有通过base option https://github.com/gulpjs/gulp/blob/master/docs/API.md#optionsbase to gulp.src()设置默认值：

默认值：glob 开始之前的所有内容（请参阅全局数据库 https://github.com/contra/glob2base)

这意味着一切直到第一个** or *在你传递给的模式中gulp.src()被用作base选项。由于你的模式是../application-base/**/**.js, your base选项自动变为../application-base/.