关于使用gulp出现的问题？？

Question

配置好了gulpfile.js 安装好一来之后，准备开始体验一把gulp带来的魔力，满心欢喜的gulp test ,结果GG了。小白求助，问题不知道在哪？

这是我的项目目录

gulpfile.js 文件
var gulp = require('gulp'),
    less = require('gulp-less'),
    cssmin = require('gulp-minify-css'),
    sourcemaps = require('gulp-sourcemaps'),
    notify = require('gulp-notify'),
    plumber = require('gulp-plumber');

gulp.task('testLess',function(){
    gulp.src('src/less/*.less')
        .pipe(plumber({errorHandler:notify.onError('Error:<%= error.message%>')}))
        .pipe(less())
        .pipe(cssmin())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('src/css'));
});

gulp.task('test',function(){
    gulp.watch('src/**/*.less',['testLess'])
});

执行之后

半天找不到文件在哪。

Answer 1

因为你是监听事件，你需要对less文件夹中中的less文件进行修改保存后才会触发。
然后文件是生成在src/css下。

补充：
lz的原样代码

文件目录

修改index.less文件保存后，命令行出现testLess命令相关，并且css路径下生成css文件。

lz参考一下。。我真不太清楚你出什么问题了。。

补充2：
gulpfile.js

var gulp = require('gulp'),
    less = require('gulp-less'),
    cssmin = require('gulp-minify-css'),
    sourcemaps = require('gulp-sourcemaps'),
    notify = require('gulp-notify'),
    plumber = require('gulp-plumber');

gulp.task('testLess', function () {
    gulp.src('src/**/*.less')
        .pipe(plumber({
            errorHandler: notify.onError('Error:<%= error.message%>')
        }))
        .pipe(less())
        .pipe(cssmin())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('src/'));
});

gulp.task('test', function () {
    gulp.watch('src/**/*.less', ['testLess'])
});

文件目录

参考一下，把src改为你想要的路径可能就差不多了。