复制整个文件夹的 gulp 任务

Question

我有以下 gulp 任务：

gulp.task('sassComponents', function() {
  return gulp.src('sassComponents/**/mainScss/*.scss')
    .pipe(sass({
        'sourcemap=none': true,
         errLogToConsole: true
    })).on('error', notify.onError({
        title: "mistake: ",
        message: "<%= error.message %>"
    }))
    .pipe(gulp.dest('public/stylesheets/'));
});

我希望它在sassComponents/**/mainScss/ 中获取.scss 文件并将其放入public/stylesheets（并将其转换为.css），但它会复制整个文件夹结构（不仅仅是文件）：

**/mainScss/sass.scss

从.scss 到.css 的转换正在正确进行，但是我如何才能将 sass 文件取出，而不使用它所在的其余文件夹？

Answer 1

尝试以下方法：

gulp.task('sassComponents', function(){
    return gulp.src('sassComponents/**/mainScss/*.scss', {base: "./"})
    .pipe(sass({
        'sourcemap=none': true,
        errLogToConsole: true
    })).on('error', notify.onError({
        title: "mistake: ",
        message: "<%= error.message %>"
    }))
    .pipe(rename({dirname:''}))
    .pipe(gulp.dest('public/stylesheets/'));
});

编辑

要使用上述代码，您需要使用 npm 安装 gulp-rename：

npm install --save gulp-rename

你需要在你的 gulpfile 中将它声明为一个变量

var rename = require('gulp-rename');