gulp的安装和基本操作

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

你可能感兴趣的:(gulp的安装和基本操作)