![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
gulp
卡搜偶
这个作者很懒,什么都没留下…
展开
-
gulp介绍
什么是gulpGulp是可以自动化执行任务的工具。在平时开发的流程里面,一定有一些动作需要手工的重复的去执行,比如:把一个文件拷贝到另外一个位置把多个 JS 或者 CSS 文件合并成一个文件,以减少网络请求数对JS文件和CSS进行合并压缩,以减少网络流量把Sass或者Less文件编译成CSS压缩图像文件,以减少网络流量创建一个可以实时刷新页面内容的本地服务器等等。 只要你觉得有些动作是原创 2017-09-24 22:10:56 · 345 阅读 · 0 评论 -
什么是流
流的概念官方文档解释 1. Stream 是 nodejs 各种对象实现的抽象接口。 2. 比如标准输入是一个流,标准输出也是一个流。 3. 所有的 stream 对象都是 EventEmitter 的实例,可以发射事件。 4. 流是一种有起点和终点的数据传输手段。上一个的输出,是下一个的输入上一个的输出,是下一个的输入上一个的输出,是下一个的输入gulp中的流gulp正是通过流和原创 2017-09-24 22:17:05 · 407 阅读 · 0 评论 -
课时3 全局安装gulp
安装nodegulp是基于Nodejs的自动任务运行器 安装Gulp和相关行件用的都是node的包管理工具npm 所以你需要先在电脑上安装 node,确定在命令行工具的下面可以使用npm这个命令,这样就能去安装Gulp了。 node.js官网安装好以后,我们可以打开命令行工具,mac 用户可以使用终端工具,windows 用户可以找到cmd命令行工具。安装gulp在项目里使用gulp需要原创 2017-09-24 22:48:28 · 472 阅读 · 0 评论 -
课时4 项目下安装gulp
1. 先创建一个目录在 mac 和 linux 操作系统下执行 mkdir learngulp在 windows 操作系统下执行 md learngulp2. 使用 命令进入此目录 cd learngulp3. 创建项目描述文件 package.jsonnpm,需要一个叫 package.json 的文件来管理依赖,可以手工去创建这个文件,也可以使用 npm init 这个命令。原创 2017-09-24 22:56:38 · 290 阅读 · 0 评论 -
课时5 gulp运行
1.创建配置文件:gulp 的任务要放到一个叫 gulpfile.js 的文件里面,先在项目的根目录下面创建一个这样的文件。 然后在这个文件的顶部添加下面这行代码: var gulp = require(‘gulp’);通过require可以把gulp模块引入当前项目并赋值给gulp变量 这样,gulp 这个变量里面就会拥有 gulp 的所有的方法了2.创建gulp的任务可以使用gulp的t原创 2017-09-25 10:20:15 · 257 阅读 · 0 评论 -
课时6 gulp命令行
gulp 只有你需要熟知的参数标记,其他所有的参数标记只在一些任务需要的时候使用。-v 或 –version 会显示全局和项目本地所安装的 gulp 版本号–gulpfile 手动指定一个 gulpfile 的路径,这在你有很多个 gulpfile 的时候很有用。这也会将 CWD 设置到该 gulpfile 所在目录–cwd dirpath 手动指定 CWD。定义 gulpfile 查找的位置原创 2017-09-25 10:21:29 · 283 阅读 · 0 评论