当前位置:网站首页>入门文档06 向流(stream)中添加文件
入门文档06 向流(stream)中添加文件
2022-08-05 05:19:00 【dongsdh】
入门文档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);
边栏推荐
猜你喜欢
随机推荐
LeetCode刷题之第74题
C语言的一些小常识
洞察互联网大趋势,读完这篇文章你就彻底了解中文域名
LeetCode刷题之第701题
LeetCode刷题之第55题
云游戏未来展望
通过单总线调用ds18b20的问题
对象比较
Apache配置反向代理
spark源码-任务提交流程之-3-ApplicationMaster
LeetCode刷题之第23题
CIPU,对云计算产业有什么影响
最简单的防抖节流理解法
Spark源码-任务提交流程之-6.2-sparkContext初始化-TaskScheduler任务调度器
C语言—三子棋的实现
LeetCode刷题之第33题
LeetCode刷题之第129题
每日一题-有效的括号-0719
TCP/IP四层模型
【Day1】(超详细步骤)构建软RAID磁盘阵列