Как использовать путь к исходному файлу из gulp.src в gulp.dest?

Я хочу запустить задачу gulp sass и получить что-то вроде этого:

Из:

/app
  /componentA
    fileA.scss
  /componentB
    fileB.scss
  /componentC
    fileC.scss
/dist
  /componentA
  /componentB
  /componentC

To:

/app
  /componentA
    fileA.scss
  /componentB
    fileB.scss
  /componentC
    fileC.scss
/dist
  /componentA
    fileA.css
  /componentB
    fileB.css
  /componentC
    fileC.css

Не складывая это все в одну папку "dist/css".

Мой текущий код, связанный с sass:

var target = {
    css: 'dist/css',
    sass: 'app/scss/*.scss'    
};

gulp.task('sass', function () {
  return gulp.src(target.sass)
   .pipe(plumber(function () {
            console.log('[sass]'.bold.magenta + ' Sass compiling error\n'.bold.red);
            this.emit('end');
        }))
    .pipe(changed(target.css))
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest(target.css));
});

Я читал другие темы, но они не соответствуют моей проблеме.


gulp gulp-sass
person Bogusz Michałowski    schedule 25.02.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это так же просто, как изменить шаблоны подстановки:

var target = {
    css: 'dist',
    sass: 'app/**/*.scss'
};

Вероятно, вам следует прочитать документацию по GulpJS и освежить в памяти узел-glob.

person Sven Schoenung    schedule 25.02.2016