入门文档04 一个任务依赖另外一个任务时,需要按顺序执行_dongsdh的博客-CSDN博客
这是对入门文档04做的优化,
将所有scss文件转成css文件后
再把其他css文件添加到流中
让他们一起合并,压缩,,,
一个任务就完成,得到最终想要的结果
const { src, dest, series, watch, parallel } = require("gulp");
// //将scss转成css
const sass = require("gulp-sass")(require("sass"));
//合并
const concat = require('gulp-concat');
//压缩
const cssmin = require("gulp-cssmin");
function clean(cb) {
console.log('清理dist');
cb();
}
function js(cb) {
console.log('处理js');
cb();
}
function css(cb) {
console.log('处理css');
src('src/scss/**/*.scss')
.pipe(sass()) //scss转换成css
.pipe(src('src/css/**/*.css'))//新添加的文件,只会执行后面合并,压缩的任务
.pipe(concat('app.css')) //合并css,必须取个合并后的文件名
.pipe(cssmin()) //压缩
.pipe(dest('dist/'));
cb();
}
function img(cb) {
console.log('处理img');
cb();
}
function build(cb) {
console.log('打包');
cb();
}
exports.default = series(clean, js, css, img, build);