使用Gulp.js和globbing模式修改文件(相同的dest)?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (45)

我有一个GUMP任务,它想将.scss文件转换为.css文件(使用glp-ruby-sass),然后将生成的.css文件放在找到原始文件的同一位置。问题是,由于我使用的是全局模式,所以我不一定知道原始文件存储在哪里。

在下面的代码中,我尝试使用gulp-tap流,并找出当前流读取的文件路径:

gulp.task('convertSass', function() {
    var fileLocation = "";
    gulp.src("sass/**/*.scss")
        .pipe(sass())
        .pipe(tap(function(file,t){
            fileLocation = path.dirname(file.path);
            console.log(fileLocation);
        }))
        .pipe(gulp.dest(fileLocation));
});

有没有一种更简单的方法来做这件事?

提问于
用户回答回答于

只需将管道连接到与src相同的基本目录即可,例如“sass”:

gulp.src("sass/**/*.scss")
  .pipe(sass())
  .pipe(gulp.dest("sass"));
用户回答回答于

只需使用.。另外,请确保设置基本目录。

gulp.src("sass/**/*.scss", { base: "./" })
    .pipe(sass())
    .pipe(gulp.dest("."));

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励