当前位置:网站首页>入门文档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);
边栏推荐
猜你喜欢
随机推荐
云游戏未来展望
通过单总线调用ds18b20的问题
网络通信及相关函数介绍
新一代解析技术——云解析
每日一题-盛最多水的容器-0716
spark算子-repartition算子
偷题——腾讯游戏开发面试问题及解答
Unity常用模块设计 : Unity游戏排行榜的制作与优化
D41_缓冲池
不吹不黑,这的确是我看过微服务架构最好的文章!
每日一题-两数相加-0711
专有宿主机CDH
Polygon计算每一个角的角度
添加新硬盘为什么扫描不上?如何解决?
什么是全栈设计师?
UE4美术你有必要了解的数学基础
Cocos Creator小游戏案例《棍子士兵》
spark算子-wholeTextFiles算子
多边形等分
Apache配置反向代理