javascript - gulp 任务中的动态 src

Question

我试图使 src 路径动态并且它有效但它以某种方式搞砸了 dest

var gulp = require('gulp');
var sass = require ('gulp-sass');
var sassUrl = '**/style.scss';

// compile sass
gulp.task('compile-sass', function(){
gulp.src([sassUrl])
    .pipe(sass())
    .pipe(gulp.dest('dist/css'))
});

在这个例子中

• src 返回 dev/sass/style.scss(这是我想要的)。
• dest 返回 dist/css/dev/sass 我显然希望它是 dist/css 但它在最后添加了 dev/sass

Answer 1

我来晚了，但我想你想研究一下为你的 src 设置你的基础(这会影响结束位置)。请看https://gulpjs.org/api#gulpdestpath-options了解更多信息，但这里有一个快速代码片段可以帮助您:

gulp.src('client/js/**/*.js') // Matches 'client/js/somedir/somefile.js' and resolves `base` to `client/js/`
      .pipe(minify())
      .pipe(gulp.dest('build'));  // Writes 'build/somedir/somefile.js'

gulp.src('client/js/**/*.js', { base: 'client' })
      .pipe(minify())
      .pipe(gulp.dest('build'));  // Writes 'build/js/somedir/somefile.js'