gulp如何编译less使其在当前目录下生成对应css文件

Question

路径是这样的：
app/controller/home/home.less

然后我写了下面的代码：

gulp.task("makeLess",function () {
    var path = "./app/**/*.less";
    var result ="./app/";
    return gulp.src(path).
    pipe(watch(path)).
    pipe(less()).
    pipe(gulp.dest(result));
});

目的是为了达到这样的效果：
app/controller/home/home.css
app/controller/home/home.less

然而gulp编译后没有产生任何效果，如果将var result = "./app/"改为var result = "./app/less"则能产生app/less/home/home.css，请问这是怎么回事?初次用gulp，好多地方感觉还是很不熟，请指教。

Answer 1

如果想在同一文件夹下生成对应的css
如下图

Answer 2

一般情况下，开发的时候会把less文件放在一个文件夹下而css文件放在另一个文件夹下，所以并不会像你这样讲less和css放在一个文件夹下，这样在文件多的是你会造成混乱，建议分开。可能官方也并不建议这样使用吧（我猜测的）