我有以下sass的任务，编译app.scss到app.css和重新加载页面：
gulp.task('sass', function() {
return gulp.src('./app/app.scss')
.pipe(sass())
.pipe(gulp.dest('./app'))
.pipe(livereload());
});
现在，我要编译另一个文件，即ui-toolkit.scssto ui-toolkit.css。
这是更新任务的最佳方法吗？
gulp.task('sass', function() {
gulp.src('./ui-toolkit/ui-toolkit.scss')
.pipe(sass())
.pipe(gulp.dest('./ui-toolkit'));
return gulp.src('./app/app.scss')
.pipe(sass())
.pipe(gulp.dest('./app'))
.pipe(livereload());
});
只需指定与多个scss文件匹配的glob。这些示例假定您要将结果保存到与源文件相同的目录中。
匹配每个scss文件（也在node_modules中）：
gulp.task('sass', function() {
return gulp.src('./**/*.scss')
.pipe(sass())
.pipe(gulp.dest('.'));
});
匹配特定目录下的scss文件：
gulp.task('sass', function() {
return gulp.src('./{foo,bar}/*.scss')
.pipe(sass())
.pipe(gulp.dest('.'));
});
仅匹配特定文件（此处需要基本选项才能与源文件保存到同一目录）：
gulp.task('sass', function() {
return gulp.src(['./foo/foo.scss', './bar/bar.scss'], { base: '.' })
.pipe(sass())
.pipe(gulp.dest('.'));
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句