gulp学习笔记

Gulp前端构建工具的使用

gulp是一个自动化前端构建工具，使用它可以增强你的工作流程。

gulp主要有以下几个特点：

1.        易于使用

通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。

2.        构建快速

利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。

3.        插件高质

Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。

4.        易于学习

通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。

具体使用步骤如下：

全局下使用npm安装gulp

sudo npm install –g gulp

在项目中安装gulp包

npm install gulp –save-dev

初始化项目,生成package.json文件

npm init

在项目的根目录下创建gulpfile.js文件

并在该js文件中加载需要的插件(加载插件之前需要安装插件)和编写相应的任务

var gulp = require('gulp');

var htmlmin = require('gulp-htmlmin'),//html压缩

   imagemin = require('gulp-imagemin'),//图片压缩

   pngcrush = require('imagemin-pngcrush'),

       …

项目构建中的插件安装:

sudo npm install gulp-uglify –save-dev    该插件用于压缩js代码的。

编写好gulpfile.js之后就直接输入 gulp 运行。