【问题标题】:Gulp watch - not workingGulp 手表 - 不工作
【发布时间】:2018-03-02 10:07:36
【问题描述】:

我有来自https://github.com/gulpjs/gulp 的 gulpfile.js。 我只是更改我的文件夹名称。 任务“gulp”正常工作,首先“gulp watch”也是如此。但是任何另一个保存任何更少的文件都不会做任何事情。只是“在 1.34 秒后完成'样式'” (JS效果不错)

有什么建议吗? main.less 的所有填充物的进口量都更少 文件夹看起来像:

/www
    /js
    /css
        main.less
        file.less
        file2.less
        /lib
            file3.less




var gulp = require('gulp');
var less = require('gulp-less');
var babel = require('gulp-babel');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var cleanCSS = require('gulp-clean-css');
var del = require('del');

var paths = {
    styles: {
        src: 'www/css/main.less',
        dest: 'www/css/'
    },
    scripts: {
        src: 'www/js/js/**/*.js',
        dest: 'www/js/'
    }
};

function clean() {
  return del([ 'assets' ]);
}

function styles() {
  return gulp.src(paths.styles.src)
    .pipe(less())
    .pipe(cleanCSS())
    // pass in options to the stream
    .pipe(rename({
      basename: 'main',
      suffix: '.min'
    }))
    .pipe(gulp.dest(paths.styles.dest));
}

function scripts() {
  return gulp.src(paths.scripts.src, { sourcemaps: true})
    .pipe(babel())
    .pipe(uglify())
    .pipe(concat('all.min.js'))
    .pipe(gulp.dest(paths.scripts.dest));
}

function watch() {
  gulp.watch("www/js/js**/*.js", scripts);
  gulp.watch("www/css/**/*.less", styles);
}

exports.clean = clean;
exports.styles = styles;
exports.scripts = scripts;
exports.watch = watch;

var build = gulp.series(clean, gulp.parallel(styles, scripts));

gulp.task('build', build);

gulp.task('default', build);

【问题讨论】:

  • www/js/js**/*.js中不是缺少/吗?
  • javascript没有问题,我只有LESS有问题
  • 我的意思是,是的。 '/' 丢失了,但是当我添加它时没有任何变化
  • 我认为watch() 永远不会被执行。尝试添加gulp.task('watch', watch);,然后调用gulp watch。只是猜测。
  • 没什么变化 :/ 但是感谢尝试

标签: gulp gulp-watch


【解决方案1】:

正如@Jakub 所想,你从来没有在你提供的代码中真正调用你的监视任务!你可能想要这样的东西:

var build = gulp.series(clean, gulp.parallel(styles, scripts), watch);

【讨论】:

    猜你喜欢
    • 2023-03-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多