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 运行。