Gulp-sass有不同的路径

时间:2015-10-01 09:50:00

标签: symfony gulp gulp-sass

我在Symfony有这个项目

src
  ProjectName
    AdminBundle
      Resources
        public
          css
            style1.css
            style2.ccs
        sass
          style1.scss
          style2.scss
    AdvertiserBundler
      ..
    CommonBundle
      ..
    PublicBundle
      ..
    WebmaserBundle
      ..

所有捆绑包都具有相同的结构。所有*.scss个文件都在Resources/sass/中,已编译的*.css文件位于Resources/public/css/中。如何使用一个函数将所有文件从A添加到B ?我尝试使用base,但没有任何反应。

这是gulpfile.js

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    minifycss = require('gulp-minify-css')
;

gulp.task('styles', function() {
    gulp.src('src/ProjectName/*Bundle/Resources/sass/*.scss', {
        base: 'sass'
    })
        .pipe(sass({
            outputStyle: 'compressed',
            errLogToConsole: true
        }))
        .pipe(autoprefixer('last 5 version', 'ie 9'))
        .pipe(minifycss())
        .pipe(gulp.dest('public/css/'))
    ;
});

gulp.task('default', ['styles'], function() {    
    gulp.watch('src/ProjectName/*Bundle/Resources/sass/*.scss', ['styles']);
});

我不想写这样五次:

....
gulp.src('src/ProjectName/AdminBundle/Resources/sass/*.scss')
.pipe(gulp.dest('src/ProjectName/AdminBundle/Resources/public/css'))
....

1 个答案:

答案 0 :(得分:0)

您可以按如下方式定义多个路径:gulp.src(['path1', 'path2'])。 资料来源:Glob stream