使用无 Gulp 维护文件夹结构启动 Gulp

Question

我今天开始研究 gulp.js 来编译我的 less 文件等。

我已经启动并运行了一项任务，但编译后的文件都放在同一个文件夹中 - 不维护源层次结构。

有没有办法确保输出保持原始文件结构？

我是 gulp 的新手，所以可能没有正确执行此操作。

这是我的 gulp 文件（与 Less 相关的部分）：

var sourceLess = 'app/assets/stylesheets/less';
var targetCss = 'public/css2';

// Compile Our Less
gulp.task('less', function() {
return gulp.src([sourceLess + '/my-bootstrap-theme.less', sourceLess + '/themes/*.less'])
    .pipe(less())
    .pipe(minifyCss())
    .pipe(gulp.dest(targetCss));
});

我希望将源主题文件夹中的 Less 文件放在目标主题文件夹中。我错过了哪些选项？

我必须将这些作为单独的任务运行吗？

谢谢

更新： 我查看了建议的帖子并更改了路径：

gulp.src([sourceLess + '/**/my-bootstrap-theme.less', sourceLess + '/themes/**/*.less', sourceLess + '/responsive.less'], {
    base: 'sourceLess'
})

我还将目录变量更改为：

var sourceLess = './app/assets/stylesheets/less';
var targetCss = './public/css2';

但它不会生成文件夹themes，这是我所期望的。

Answer 1

如果要保留子文件夹，则必须在选项中定义基础（第二个参数） 例如，将“assets/file.doc”保留在“dist/”中：

gulp.src(["assets/file.doc"], {base: "."})
    .pipe(gulp.dest("dist/"));

查看链接https://github.com/gulpjs/gulp/issues/151

干杯，赤旦

Answer 2

你需要使用两个流

var sourceLess  = 'app/assets/stylesheets/less';
var targetCss   = 'public/css2';

gulp.task('less', function() {

    // my-bootstrap-theme.less
    gulp.src(sourceLess + '/my-bootstrap-theme.less')
        .pipe(less())
        .pipe(minifyCss())
        .pipe(gulp.dest(targetCss));

    // themes/*.less
    gulp.src(sourceLess + '/themes/*.less')
        .pipe(less())
        .pipe(minifyCss())
        .pipe(gulp.dest(targetCss + '/themes'));

});