对于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']);
});