Question

我的src文件夹中有不同的*.scss文件，我想在一个独立的文件夹中编译一个文件。
假设我有文件normalFile_1.scss，specialFile.scss，normalFile_2.scss。我希望将两个普通文件编译到文件夹Public/Css，但特殊文件最终应该放在文件夹Public/Css/Special中。

我试图在gulp-tap的任务中获取当前文件名，这样可以正常工作。

.pipe($.tap(function (file, t) {
      filename = path.basename(file.path);
      console.log(filename); //outputs normalFile_1.css, specialFile.css, normalFile_2.css
}))

然后使用gulp-if我想根据filename变量切换输出文件夹（PATHS.dist是输出“root”文件夹Public）：

.pipe($.if(filename == 'specialFile.css', gulp.dest(PATHS.dist + '/Css/Special'), gulp.dest(PATHS.dist + '/Css')));

但是一切仍然在Public/Css文件夹中。为什么这不起作用？这甚至是尝试实现这一目标的好方法还是有更好的方法？

Answer 1

有两种方法可以执行此操作：

var gulp = require("gulp");
var sass = require("gulp-sass");
var rename = require("gulp-rename");
var path = require('path');

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

  return gulp.src('src/*.scss')
    .pipe(sass().on('error', sass.logError))

    .pipe(rename(function (path) {
      if (path.basename == "specialFile") {
        path.dirname = "Special";
      }
    }))

    .pipe(gulp.dest('Public/Css'))

  //   .pipe(gulp.dest(function(file) {
  //     var temp = file.path.split(path.sep);
  //     var baseName = temp[temp.length - 1].split('.')[0];
  //     console.log(baseName);
  //     if (baseName == "specialFile") {
  //       return 'Public/Css/Special';
  //     }
  //     else return 'Public/Css';
  // }))

});

gulp.task('default', ['sass']);

显然我建议重命名版本。

[为什么一个简单的file.stem或file.basename在gulp.dest（函数（文件）{}版本中对我不起作用我不知道 - 这肯定会更容易但我只是得到未定义。]

根据gulp任务中的文件名切换输出文件夹

1 个答案: