用通配符吞咽SASS监视命令目标路径
用通配符吞咽SASS监视命令目标路径
提问于 2017-03-28 08:03:19
我在许多目录(每个目录都是一个单独的项目)中的SASS (SCSS)文件上有一个gulp监视命令。
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function(){
gulp.src('**/Masters/**/assets/scss/*.scss')
.pipe(sass({
outputStyle: 'compressed'
}).on('error', sass.logError))
.pipe(gulp.dest('**/Masters/**/assets/css'));
})
gulp.task('sass:watch', function () {
gulp.watch('**/Masters/**/assets/scss/*.scss', ['sass']);
});我不得不动态地指定目标路径。我希望在父目录上运行一个监视命令，然后监视每个子目录的更改，如果有更改，请编译sass并将css文件移动到每个项目文件夹中的css目录中。
我现在拥有的代码正在根据需要监视每个目录，但是目标不能像预期的那样工作，该命令创建一个名为**的目录，而不是使用**作为通配符。
有人知道如何动态地指定最优路径吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-03-29 09:15:01
您需要将base设置为gulp.src和dest中的当前目录。这将使用输入dir作为输出。
然后使用gulp-rename将../css添加到目录路径。这将将输出定向到输入dir的同级cssdir。
gulp.task('sass', function(){
gulp.src('**/Masters/**/assets/scss/*.scss', {base: "./"})
.pipe(sass({
outputStyle: 'compressed'
}).on('error', sass.logError))
.pipe(rename(function (path) {
path.dirname += "/../css";
}))
.pipe(gulp.dest('./'));
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43063915
复制相关文章
相似问题
腾讯云开发者
