Gulp观察多个目录并相对设置路径

时间:2015-11-02 11:12:34

标签: gulp gulp-watch gulp-sass

对于drupal项目,我配置了多个主题,在开发过程中,可能会动态添加主题。

主题都具有相同的结构并位于同一文件夹中。当我更改任何子主题文件夹中的sass文件时,我想在同一个子主题的css文件夹中将文件编译为css,而不必显式添加gulp文件中硬编码的每个子主题。

有人可以帮我设置路径吗?

web/sites/all/themes/contrib/*theme_name*

Sass文件夹:

web/sites/all/themes/contrib/*theme_name*/stylesheets

CSS文件夹:

web/sites/all/themes/contrib/*theme_name*/css

Gulp代码

 /**
 * @task sass
 * Compile files from scss
 */
gulp.task('sass', function () {
    return gulp.src('web/sites/all/themes/contrib/**/stylesheets/*.scss')
        .pipe(sass())
        .pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
        .pipe(gulp.dest('css/style.css'))
        .pipe(browserSync.reload({stream: true}))
});

/**
 * @task watch
 * Watch scss files for changes & recompile
 * Clear cache when Drupal related files are changed
 */
gulp.task('watch', function () {
    gulp.watch(['web/sites/all/themes/contrib/**/stylesheets/*.scss'], ['sass']);
    gulp.watch('**/*.{php,inc,info}', ['reload']);
});

0 个答案:

没有答案