gulp-sass分目录单独生成.Css文件

解释：通过gulp.dest是不能生成想要的目录结构的，必须修改下路径（gulp-rename）才行

//目录结构
content/hybrid/styles/
+-- /product
|   +- /sass
|   |  +- a.scss
|   +- a.css
|
+-- /magic
    +- /sass
    |  +- b.scss
    +- b.css

var rename = require('gulp-rename'),
    sass = require('gulp-sass'),
gulp.task('sassCompile', function () {


    return gulp.src('content/hybrid/styles/**/sass/*.scss')
        .pipe(sass())
        .pipe(rename(function (path) {
            for (var key of Object.keys(path)) {
                // mac路径
                path[key] = path[key].replace(/\/sass/g, '');
                // window路径
                path[key] = path[key].replace(/\\sass/g, '');
            }
        }))
        .pipe(gulp.dest('content/hybrid/styles/'));

});