sass - 求教下gulp.dest输出路径的问题

问题描述

问 题

是这样的，我存放网站每个页面sass文件目录如下所示

/public/web/views/*/sass/*.css  //第一个*代表一个页面

每个页面会对应一个sass文件。
使用gulp-sass进行装换，代码如下：

gulp.task('parseSass',function(){
    return gulp.src('public/web/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('public/web/'));
})

这样输出到public/web/views/*/sass/，但我想输出到能和sass同级css的目录中，请问有什么方法可以解决此需求。

解决方案

用rename插件就行

gulp.task('parseSass',function(){
    return gulp.src('public/web/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(rename(function (path) {
           path.dirname = path.dirname.replace('/sass', 'css') 
        }))
        .pipe(gulp.dest('public/web/'));
})

这篇关于sass - 求教下gulp.dest输出路径的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！