1

我今天开始查看 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我期望的文件夹。

4

2 回答 2

3

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

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

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

干杯，奇丹

于 2014-12-24T22:50:34.133 回答
0

您需要使用两个流

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

});
于 2014-02-23T16:15:22.033 回答