gulp是什么?
1.gulp是一个开源的Javascript自动化工具
2.gulp应用于前后端代码管理的一种工具
3.gulp是基于Node.js和NPM应用的构建工具
4.gulp主要用于处理耗时及重复的任务
5.gulp可以解决上百种任务,例如:压缩代码,合并代码,压缩图片,Sass转换
原理:
1.gulp是基于Node.js中的数据流
2.gulp主要使用pipe事件输入及输出
3.插件独立使用
优势:
1.gulp是基于代码进行配置
2.gulp可读性更高
3.gulp基于数据流,所以可以操作pipe()事件
安装步骤:
1.安装node环境
2.安装gulp npm install -g gulp 全局安装
3.初始化package.json
4.在项目文件中安装gulp
新建文件夹gulp,打开cmd终端,对当前文件进行初始化,执行npm init
配置package.json
此时当前文件夹下已经有package.json文件。
安装全局gulp:npm install -g gulp
在当前项目中安装:npm install gulp --save-dev
在目录下建文件gulpfile.js(必须是这个文件名)
1.引入模块 var gulp = require('gulp');
2.定义任务 gulp.task(name, function () {})
3.终端执行 gulp name
注意:名字随便起,定义的和执行的名字必须一样。默认任务名字必须叫default,执行直接gulp即可。
4.常用方法
gulp.task --定义任务
gulp.src -- 找到需要执行任务的文件
gulp.dest -- 执行任务的文件的去处
gulp.watch -- 监听文件是否发生变化
gulpfile.js
执行: