![](https://img-blog.csdnimg.cn/20201009141938143.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端工具-Gulp
走过的路脚记得,爱过的人心记得
ZhandsomeZ
走过的路脚记得,爱过的人心记得
展开
-
gulp-构建任务篇
前言 在本篇文章中主要是给大家带来一些gulp构建任务 gulp内置的api const { src, dest, parallel, series, watch } = require('gulp') 1、src 读取文件 2、dest 输出文件到指定目录 3、parallel 并行任务 4、series 串行任务 5、watch 监视文件变化 基础构建任务 //page任务,指定目录,保留路径,swig模板引擎,指定临时目录,项目变化推送浏览器 const page = () =&.原创 2020-10-15 13:33:22 · 10541 阅读 · 0 评论 -
gulp-前端打包工具
gulp介绍 gulp 是基于 node 实现 Web 前端自动化开发的工具,利用它能够极大的提高开发效率。 在 Web 前端开发工作中有很多“重复工作”,比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律,并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。 gulp安装 1、安装node 安装 方法请自行百度 2、全局安装gulp 然而由于众所周知的原因,国内到 npm 服务器的连接很不稳定,所有这里推荐一个简单的方案使用淘宝镜像 npm install cnpm -g -.原创 2020-06-27 20:32:31 · 15035 阅读 · 0 评论 -
gulp-工作原理
前言 在本篇文章中主要是介绍,gulp的工作原理,希望可以帮助到大家,加深大家对gulp的理解 事先准备 安装依赖 gulp yarn add gulp stream 核心概念 1、读取流 所谓读取流,本质上就是读取文件的内容 2、转换流 所谓写入流,本质上是就是内容进行相应的操作,例如取出空格,取出注释 3、写入流 所谓写入流,将文件内容,写入对应的文件 4、总结 读取流 => 转换流 => 写入流 代码演示 const fs = require('fs'); const.原创 2020-10-09 20:46:31 · 10536 阅读 · 0 评论