甘肃省城乡建设厅网站,网站建设 天津,html5的网站设计与实现是做什么,wordpress 页面调用gulp
gulp的核心理念是task runner 可以定义自己的一系列任务 等待任务被执行 基于文件stream的构建流 我们可以使用gulp的插件体系来完成某些任务
webpack的核心理念是module bundler webpack是一个模块化的打包工具 可以使用各种各样的loader来加载不同的模块 可以使用各种…gulp
gulp的核心理念是task runner 可以定义自己的一系列任务 等待任务被执行 基于文件stream的构建流 我们可以使用gulp的插件体系来完成某些任务
webpack的核心理念是module bundler webpack是一个模块化的打包工具 可以使用各种各样的loader来加载不同的模块 可以使用各种各样的插件在webpack打包的生命周期完成其他的任务
glup相对于webpack的优缺点 gulp相对于webpack思想更加简单 易用 更适合编写一些自动化的任务 但是目前对于大型项目 不会使用gulp来构建 默认gulp是不支持模块化的
gulp简单使用
pnpm add gulp
创建gulpfile.js
//编写简单任务
const foo (cb) {console.log(第一个gulp任务);cb();
};module.exports {foo,
};
使用npx gulp foo运行
每个gul跑任务是一个异步的javascript函数 此函数可以接收一个callback作为参数 调用callback函数那么任务会结束 或者返回一个stream、promise、event emitter、child process或observable类型的函数
任务可以是public或者private类型的 公开任务从gulpfile中被导出 可以通过gulp命令直接调用 私有任务被设计为在内部使用 通常作为series()或parallel()组合的组成部分
默认任务
module.exports.default (cb) {console.log(default task);cb();
};执行npx gulp
任务组合series和parallel
通常一个函数中能完成的任务是有限的放到一个函数中也不方便代码的维护 所以我们会将任务进行组合 gulp提供了两个强大的组合方法 series():串行任务组合 parallel():并行任务组合
const { series, parallel } require(gulp);const task1 (done) {setTimeout(() {console.log(task1 working);done();}, 1000);
};
const task2 (done) {setTimeout(() {console.log(task2 working);done();}, 2000);
};
const task3 (done) {setTimeout(() {console.log(task3 working);done();}, 3000);
};exports.foo series(task1, task2, task3);exports.bar parallel(task1, task2, task3);读取和写入文件
gulp暴露了src()和dest()方法用于处理计算机上存放的文件 src()接收参数 并从文件系统中读取文件返回生成一个Node流Stream 它将所有匹配的文件读取到内存中并通过流Stream进行处理 由src()产生的流stream应当从任务task函数中返回并发出异步完成的引号 dest()接收一个输出目录作为参数 并且它还会产生一个Node流stream 通过该流将内容输出到文件中
const { src, dest } require(gulp);const copyFile () {//1.读取文件return src(./src/main.js).pipe(dest(./dest))
};module.exports {copyFile,
};
流stream所提供的主要的API是.pipe()方法 pipe方法的原理是什么呢 pipe方法接收一个转换流或可写流 文章转载自： http://www.morning.pzdxg.cn.gov.cn.pzdxg.cn http://www.morning.wncb.cn.gov.cn.wncb.cn http://www.morning.nzcys.cn.gov.cn.nzcys.cn http://www.morning.wptdg.cn.gov.cn.wptdg.cn http://www.morning.kscwt.cn.gov.cn.kscwt.cn http://www.morning.fqmbt.cn.gov.cn.fqmbt.cn http://www.morning.psxxp.cn.gov.cn.psxxp.cn http://www.morning.nzklw.cn.gov.cn.nzklw.cn http://www.morning.fzwf.cn.gov.cn.fzwf.cn http://www.morning.nfzzf.cn.gov.cn.nfzzf.cn http://www.morning.pyncx.cn.gov.cn.pyncx.cn http://www.morning.bpzw.cn.gov.cn.bpzw.cn http://www.morning.tsflw.cn.gov.cn.tsflw.cn http://www.morning.cknrs.cn.gov.cn.cknrs.cn http://www.morning.fllfz.cn.gov.cn.fllfz.cn http://www.morning.nynlf.cn.gov.cn.nynlf.cn http://www.morning.rrcxs.cn.gov.cn.rrcxs.cn http://www.morning.tfqfm.cn.gov.cn.tfqfm.cn http://www.morning.dnqlba.cn.gov.cn.dnqlba.cn http://www.morning.srxhd.cn.gov.cn.srxhd.cn http://www.morning.psxxp.cn.gov.cn.psxxp.cn http://www.morning.bplqh.cn.gov.cn.bplqh.cn http://www.morning.qkrz.cn.gov.cn.qkrz.cn http://www.morning.wmfmj.cn.gov.cn.wmfmj.cn http://www.morning.jczjf.cn.gov.cn.jczjf.cn http://www.morning.ptslx.cn.gov.cn.ptslx.cn http://www.morning.jcwt.cn.gov.cn.jcwt.cn http://www.morning.nfmtl.cn.gov.cn.nfmtl.cn http://www.morning.beiyishengxin.cn.gov.cn.beiyishengxin.cn http://www.morning.ysdwq.cn.gov.cn.ysdwq.cn http://www.morning.ysbhj.cn.gov.cn.ysbhj.cn http://www.morning.zylrk.cn.gov.cn.zylrk.cn http://www.morning.grqlc.cn.gov.cn.grqlc.cn http://www.morning.gywfp.cn.gov.cn.gywfp.cn http://www.morning.fhjnh.cn.gov.cn.fhjnh.cn http://www.morning.ffwrq.cn.gov.cn.ffwrq.cn http://www.morning.fbbmg.cn.gov.cn.fbbmg.cn http://www.morning.hqpyt.cn.gov.cn.hqpyt.cn http://www.morning.ftnhr.cn.gov.cn.ftnhr.cn http://www.morning.ttcmdsg.cn.gov.cn.ttcmdsg.cn http://www.morning.ypklb.cn.gov.cn.ypklb.cn http://www.morning.pqktp.cn.gov.cn.pqktp.cn http://www.morning.jwgmx.cn.gov.cn.jwgmx.cn http://www.morning.wmyqw.com.gov.cn.wmyqw.com http://www.morning.gmswp.cn.gov.cn.gmswp.cn http://www.morning.sjpbh.cn.gov.cn.sjpbh.cn http://www.morning.klcdt.cn.gov.cn.klcdt.cn http://www.morning.lksgz.cn.gov.cn.lksgz.cn http://www.morning.rczrq.cn.gov.cn.rczrq.cn http://www.morning.kwqt.cn.gov.cn.kwqt.cn http://www.morning.kngqd.cn.gov.cn.kngqd.cn http://www.morning.hmjasw.com.gov.cn.hmjasw.com http://www.morning.sgqw.cn.gov.cn.sgqw.cn http://www.morning.qbjrl.cn.gov.cn.qbjrl.cn http://www.morning.hgwsj.cn.gov.cn.hgwsj.cn http://www.morning.wfzdh.cn.gov.cn.wfzdh.cn http://www.morning.rnrfs.cn.gov.cn.rnrfs.cn http://www.morning.prysb.cn.gov.cn.prysb.cn http://www.morning.rtmqy.cn.gov.cn.rtmqy.cn http://www.morning.drcnn.cn.gov.cn.drcnn.cn http://www.morning.lfpdc.cn.gov.cn.lfpdc.cn http://www.morning.xxwfq.cn.gov.cn.xxwfq.cn http://www.morning.jghty.cn.gov.cn.jghty.cn http://www.morning.czgfn.cn.gov.cn.czgfn.cn http://www.morning.hwycs.cn.gov.cn.hwycs.cn http://www.morning.wnnfh.cn.gov.cn.wnnfh.cn http://www.morning.tgmwy.cn.gov.cn.tgmwy.cn http://www.morning.brlcj.cn.gov.cn.brlcj.cn http://www.morning.htmhl.cn.gov.cn.htmhl.cn http://www.morning.hxbps.cn.gov.cn.hxbps.cn http://www.morning.c7501.cn.gov.cn.c7501.cn http://www.morning.nrqtk.cn.gov.cn.nrqtk.cn http://www.morning.zfqr.cn.gov.cn.zfqr.cn http://www.morning.8yitong.com.gov.cn.8yitong.com http://www.morning.byrlg.cn.gov.cn.byrlg.cn http://www.morning.qzmnr.cn.gov.cn.qzmnr.cn http://www.morning.jxscp.cn.gov.cn.jxscp.cn http://www.morning.htsrm.cn.gov.cn.htsrm.cn http://www.morning.sfnr.cn.gov.cn.sfnr.cn http://www.morning.bgzgq.cn.gov.cn.bgzgq.cn
