gulp的安装和基本操作
gulp依赖nodejs,安装gulp需要先安装nodejs(4.0版本以上)
nodejs下载地址下载完成后安装至默认路径即可
入门
gulp入门指南
1. 打开cmd 使用npm install gulp -g命令全局安装gulp
2. 新建项目,使用cd命令进入项目根目录,使用npm install gulp --save-dev命令在项目内安装gulp
3. 在项目根目录新建gulpfile.js文件,写入
vargulp=require('gulp');`此处输入代码`
gulp.task('default',function(){
// 将你的默认的任务代码放在这,例如
console.log('hello world');
});
4.在命令行内输入gulp,即可执行默认任务
使用gulp插件
gulp插件列表
gulp API 文档
gulp有很多方便的插件,包括压缩文件,提示信息,更新版本号等等,下面介绍一下如何使用插件
1. 使用插件之前需要先下载,我们使用gulp-htmlmin来作为例子,这个插件是用来压缩html的
2. 在cmd内执行 npm install gulp-htmlmin --save-dev
3. 在gulpfile.js内写入var htmlmin = require('gulp-htmlmin');来引用这个模块
4. 新建一个任务
gulp.task('html',function(){
returngulp.src('html/*.html')
.pipe(htmlmin({collapseWhitespace:true}))
.pipe(gulp.dest('./dest'));
});
5. 执行这个任务
在命令行输入gulp html(gulp+任务名称)即可调用这个任务将指定的html文件压缩后放入指定的位置
6.执行多个任务
新建一个任务
gulp.task('tasks',[task1,task2,task3,task4,task5]);
在命令行输入gulp tasks即可执行task1,task2,task3,task4,task5