Question

我有一个gulpfile正在观察以下文件夹中的更改：

SCSSSource = '../framework/**/*.scss';

这将关注以下示例文件中的更改：

'../framework/styling.scss' //根文件夹
'../framework/subfolder1/styling.scss'
'../framework/subfolder2/styling.scss'

我想从根文件夹（1.）中排除所有文件，并只保留要监视的子文件夹。我该如何修改SCSSSource字符串来实现呢？

完整代码：

var gulp = require('gulp');
var watch = require('gulp-watch');
var concat = require('gulp-concat-util');


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

  // "./*"  - all in current foler
  // "./**" - all in current foler and subfolders

  // SCSS FILE
  var SCSSPath = '../framework/';
  var SCSSName = '**/*.scss';
  var SCSSSource = SCSSPath + SCSSName;

  function concatSCSS(){
    // concatenate files
    gulp.src(SCSSSource)
    .pipe(concat('_cssfw.scss', {
      process: function(src){
        src = "\n\n\n\/\/ ----------------------------------------------------------------------\n\n"
              + src;
        return src;
      }
    }))
    .pipe(concat.header('\/\/SCSS Framework\n\n'))
    .pipe(gulp.dest(SCSSPath + "./"));
  }

  watch('../framework/**/*.scss', function (info) {
    concatSCSS();
    console.log(info.event + " scss: " + info.history[0].replace(/^.*[\\\/]/, ''))
  });

  concatSCSS();

});

Answer 1

我认为您可以使用glob模式排除根文件夹中的.scss文件，如下所示：

var SCSSSource = SCSSPath + SCSSName;
var exclude = "!../framework/*.scss"
function concatSCSS(){
        // concatenate files
        gulp.src([SCSSSource, exclude])

这样您只能从子目录中获取.scss文件

Gulp - 仅定位子文件夹

1 个答案: