gulp是基于Node.js的自动任务运行器。可以自动完成html、image、css和js等文件的检测、检查、合并、压缩、格式化等,并监听文件在改动后重复指定的这些步骤。
一.首先,我全局安装了gulp
npm install -g gulp
此时,可以将gulp理解为 node的一个模块。
二.使用
基于具体的某个项目。
※ 项目安装gulp,本地方式来安装
※ 安装相应的gulp插件
※ 配置gulpfile.js 需要编写一些js代码,编写任务
※ 运行任务
注意全局安装和本地安装的各自作用
全局安装,是为了在任何地方,可以使用gulp 命令来执行任务。
本地安装,是因为在编写任务的时候,需要用到gulp模块中的一些功能(方法/函数)
简单实例:
第一步,新建一个目录 gulp-demo,作为项目目录
第二步,本地安装gulp
gulp-demo中本地打开cmd命令:
npm install gulp
这里问题来了
提示“open....package.json”,但是发现安装完后不存在package.json,此时,就必须新建一个package.json
执行命令
npm init
完成!
说明:
第三步,编写gulpfile.js文件
//引入gulp模块 const gulp=require('gulp'); //编写第一个任务 gulp.task('task1',function(){ setInterval(function(){ console.log('hello,gulp!'); },200); })
运行
项目目录结构: