0
是否有可能建立一個CSS文件依賴於我的主題文件夾?問題是我有幾個主題,在那裏用相同的設置gulp應採取Theme.scss並建立一個CSS文件到主題,Theme1等。gulp建立CSS依賴於文件夾
gulp.task('sass', function() {
return gulp.src('Css/Clients/**/theme.scss') // Gets all files ending with .scss
.pipe(sass({outputStyle: 'compact'}))
.pipe(gulp.dest('app/css'))
.pipe(browserSync.reload({
stream: true
}))
});
gulp.task('watch', ['browserSync', 'sass', 'php'], function() {
gulp.watch('Css/**/*.scss', ['sass']);
})
編輯:
IM tryed的問題,我得到下面的解決方案看起來像這樣:
,但我只需要在主題theme.css theme1文件夾中的文件夾ander theme1.css等等!有什麼建議麼 ?
gulp.task('sass', function() {
var folders = getFolders(scriptsPath);
var tasks = folders.map(function(folder) {
return gulp.src(path.join(scriptsPath, folder, '/**/*.scss'))
.pipe(sass({outputStyle: 'compact'}))
// concat into foldername.js
.pipe(concat(folder + '.css'))
// write to output
.pipe(gulp.dest(scriptsPath))
// write to output again
.pipe(gulp.dest(scriptsPath));
});
return merge(tasks);
console.log(folders);
});
所以結果會是app/Theme1/Theme1.css?原因正是我需要每個文件夾只有一個文件 – mY777