gulp-watch 折叠答案

【问题标题】：gulp-watch overfoldinggulp-watch 折叠
【发布时间】：2015-04-26 04:06:03
【问题描述】：

我试图用这个 gulpfile 做一个简单的监视任务

var gulp = require('gulp');
var sass = require('gulp-sass');
var watch = require('gulp-watch');

gulp.task('default', function () {
    gulp.src('./public/app/styles/scss/*.scss')
        .pipe(watch('./public/app/styles/scss/*.scss'))
        .pipe(sass())
        .pipe(gulp.dest('./public/app/styles/css'));
});

手表基本上可以工作，但它在我的目的地内创建了一个文件夹链，类似于“public/app/styles/scss/”，并将 css 放入其中。

运行任务之前

.
├── Gulpfile.js
└── public
    └── app
        └── styles
            ├── scss
            |   └── some.scss
            └── css

运行任务后

.
├── Gulpfile.js
└── public
    └── app
        └── styles
            ├── scss
            |   └── some.scss
            └── css
                └── public
                    └── app
                        └── styles
                            └── scss
                                └── some.css

这应该是我缺少的一个简单的东西，为什么不在'.public/app/styles/css'中创建css？

【问题讨论】：

github.com/floatdrop/gulp-watch#optionsbase

标签： gulp watch

【解决方案1】：

好的，我刚刚删除了每条路径之前的“./”，它可以正常工作。我的错。最终的 gruntfile：

var gulp = require('gulp');
var sass = require('gulp-sass');
var watch = require('gulp-watch');

gulp.task('default', function () {
    gulp.src('public/app/styles/scss/*.scss')
        .pipe(watch('public/app/styles/scss/*.scss'))
        .pipe(sass())
        .pipe(gulp.dest('public/app/styles/css'));
});

【讨论】：