如何通过相对目标路径 用大口大口的手表和无吞咽的

Question

所以我想观察对较少文件所做的更改，并使 CSS 的目标路径与更改较少文件的文件夹相同。

以下是一般文件结构：

    root
    |
    site1
    |   |
    |   includes
    |   |   |
    |   |   site1-styles.less
    |   |   site1-style.css
    site2
    |   |
    |   includes
    |   |   |
    |   |   site2-style.less
    |   |   site2-style.css

这是我认为可能有效的方法，但我意识到路径可能没有意义，而且我不确定通过正确目的地的最佳方式。

    // Require
    //////////////////////
    var gulp = require('gulp'),
    less = require('gulp-less'),
    minifyCSS = require('gulp-minify-css'),
    prefix = require('gulp-autoprefixer'),

    // Styles
    //////////////////////
    gulp.task('less', function () {
    gulp.src(['*/includes/*.less'])
    .pipe(less())
    .pipe(minifyCSS())
    .pipe(prefix("last 2 version", "> 1%", "ie 8", "ie 7"))
    .pipe(gulp.dest('*/includes/'))
    });
    //Default
    //////////////////////
    gulp.task('default', function() {
    gulp.watch(['*/includes/*.less'], ['less']);
    });

谢谢

Answer 1

我想你的gulp.dest应该只是一个'.'，所以gulp.src文件夹将被保留。

还要记住返回流或使用回调，否则在任务完成时不会通知 gulp，并且您可能会遇到任务依赖关系问题。这不是你的情况，但无论如何这是一个很好的做法。

// Styles
//////////////////////
gulp.task('less', function () {
    return gulp.src(['*/includes/*.less'])
        .pipe(less())
        .pipe(minifyCSS())
        .pipe(prefix("last 2 version", "> 1%", "ie 8", "ie 7"))
        .pipe(gulp.dest('.'));
});

顺便说一下，当你遇到这些路径问题时，我发现gulp-debug插件非常有用，所以你可以进行实验并验证发生了什么。