gpt4 book ai didi

Gulp:如何创建编译多个SASS文件的任务?

转载 作者:行者123 更新时间:2023-12-02 04:11:39 26 4
gpt4 key购买 nike

我有以下 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.scssui-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());
});

最佳答案

只需指定 glob(s) 匹配多个 scss 文件。这些示例假设您要将结果保存到与源文件相同的目录中。

匹配每个 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('.'));
});

关于Gulp:如何创建编译多个SASS文件的任务?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26228519/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com