当前位置: 首页 > 面试题库 >

gulp手表不看

凌鹏程
2023-03-14
问题内容

以下是我的gulpfile.js。其中还有更多任务,并且所有工作都很好-但最后一个任务watch却没有。

我已经尝试过路径和文件的所有可能组合,还有其他尝试,但是我还是没有运气。我在这里已经阅读了很多答案,但是无法解决我的问题。我尝试使用gulp-
watch和不使用gulp-watch来运行gulp.watch,尝试了几种不同的方法来设置任务,等等。

var gulp = require('gulp');
var browserify = require('browserify');
var babelify = require('babelify');
var source = require('vinyl-source-stream');
var watch = require('gulp-watch');

gulp.task('application', function() {
    return browserify('./public/resources/jsx/application.js')
        .transform(babelify, { stage: 0 })
        .bundle()
        .on('error', function(e){
            console.log(e.message);

            this.emit('end');
        })
        .pipe(source('appBundle.js'))
        .pipe(gulp.dest('./public/resources/jsx'));
});

gulp.task('watch', function() {
    gulp.watch('./public/resources/jsx/project/*.js',['application'])
});

有人可以提出解决方案吗?

编辑:

这是控制台输出:

michael@michael-desktop:/opt/PhpstormProjects/app_april_2015$ gulp watch
[23:05:03] Using gulpfile /opt/PhpstormProjects/app_april_2015/gulpfile.js
[23:05:03] Starting 'watch'...
[23:05:03] Finished 'watch' after 13 ms

问题答案:

您应该return注意:

gulp.task('watch', function() {
    return gulp.watch('./public/resources/jsx/project/*.js',['application'])
});

watch是一种async方法,因此Gulp知道发生了什么事的唯一方法是如果您返回promise,手表会这样做。

编辑

如@JMM所述,watch不返回Promise。它返回一个EventEmitter。



 类似资料:
  • 在目录下查看时,可以看到可执行文件。 我的npm安装有问题吗?

  • /users/zohaib/npm-global/lib/node_modules 我遵循了这些规则,尽管这些规则是针对OsX和我有Ubuntu16.04的

  • 我试图使用NPM安装Gulp,但是Gulp命令无法被识别。这些是我运行的命令。我正在使用Git Bash并作为管理员运行它。我用的是Windows10。 (尝试运行'gulp'和'gulp-v',但没有任何效果) 然后导航到我的项目文件夹

  • 我想在compass监视我的scss文件的更改并用autoprefixed代码更新css文件后,利用运行autoprefixer的优势,但我被卡住了。我在gulpfile.js中为compass和autoprefixer创建了一个gulp.task。当我使用下面的gulpfile.js运行“gulp服务器”时,一切正常,但没有自动刷新;scss文件通过compass运行并作为css文件输出,bro

  • 当我开始一个新项目并创建一个新的gulpfile时,就开始得到这个随机错误。 每当我大口大口的时候我就会得到它。这不仅仅是在这个项目上,它已经开始在所有其他项目上发生。 我读到环境变量可能有问题,所以我更新了这些。 gulp:术语“gulp”不能被识别为cmdlet、函数、脚本文件或可操作程序的名称。请检查名称的拼写,或者如果包含路径,请验证路径是否正确,然后重试。在行:1 char:1+gulp

  • 这篇快速上手指南将教你如何使用Gulp构建TypeScript,和如何在Gulp管道里添加Browserify,uglify或Watchify。 本指南还会展示如何使用Babelify来添加Babel的功能。 这里假设你已经在使用Node.js和npm了。 我们首先创建一个新目录。 命名为proj,也可以使用任何你喜欢的名字。 mkdir proj cd proj 我们将以下面的结构开始我们的工程