首页 > 解决方案 > 什么可能会阻止我在 gulpfile 中使用 glob 来阻止我的任务完成?

问题描述

我正在使用 gulp babel 并且当我更改路径以包含一个 glob 时,我不再获得输出,但是当我在 中具有特定路径时,我得到一个输出。

我正在使用 gulp babel 版本 8,我遇到了这个问题,我的 gulp 任务只有在我提供完整路径时才能成功运行,任务工作正常,并且它将文件输出到我提供的目标,但是这个文件夹包含我的许多文件我想在上面使用 babel。当我更改为使用 glob 时,任务刚刚开始但从不停止并且没有文件输出,我试过用谷歌搜索它,但似乎没有很多有用的材料可以解决这样的问题

Working gulp task:
gulp.task('transpile-calendar', () =>
gulp.src('javascript/util/dateUtil.js')
.pipe(babel({
    presets: ['@babel/env']
}))
.pipe(gulp.dest('static/js/prod'))
);

Gulp task that does not produce output:
gulp.task('transpile-calendar', () =>
    gulp.src('javascript/util/*.js')
    .pipe(babel({
        presets: ['@babel/env']
     }))
.pipe(gulp.dest('static/js/prod'))
);

Contents of my package.json:
"@babel/core": "^7.4.5",
"@babel/preset-env": "^7.4.5",
"babel-polyfill": "6.26.0",
"browser-sync": "2.26.3",
"gulp": "3.9.1",
"gulp-add-src": "1.0.0",
"gulp-babel": "^8.0.0",
"gulp-clean-css": "3.10.0",
"gulp-compass": "2.1.0",
"gulp-concat": "2.6.1",
"gulp-if": "2.0.2",
"gulp-ng-annotate": "2.1.0",
"gulp-strip-css-comments": "2.0.0",
"gulp-uglify": "3.0.2",
"vue": "2.6.10"

我希望我使用 * 将这两个文件都包含在 gulp 任务中,并在与第一个文件类似的同一文件中生成输出,而无需使用 *.

标签: gulpgulp-babelbabel-core

解决方案


我现在已经解决了我的问题。万一以后有人遇到这个问题并遇到同样的问题,我的代码中有语法错误。

.on("error", err => console.log(err))通过使用 include in your task来注销 gulptask 中的任何潜在错误非常有用 。


推荐阅读