漱口水表過度折疊

Question

我正在嘗試使用此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？

Answer 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'));
});