Javascript gulp任务中的动态src

Javascript gulp任务中的动态src,javascript,gulp,gulp-sass,Javascript,Gulp,Gulp Sass,我试图使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路径动态化,它成功了,但不知怎么搞砸了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

我迟到了,但我认为您需要考虑为您的src设置基础(这将影响最终位置)。有关更多信息,请参见,但这里有一个快速代码片段,可以帮助您:

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'