gulp的简单使用

一、Gulp的安装：

注意：在gulp安装之前需要安装nodejs环境　　nodejs下载地址：https://nodejs.org/en/　　　　安装v4.6.1版本

1.先在cmd下全局安装gulp,在命令窗口输入：npm install gulp -g

2.然后在项目文字下进行本地安装：npm install gulp --save-dev

二、创建gulpfile文件：在项目中创建gulpfile.js文件。

三、gulp的简单命令：

在gulpfile.js中首先需要编写代码：var gulp = require("gulp");

然后根据需求进行相应的gulp操作。

1.复制文件：gulp.task("操作名",function(){

　　return gulp.src("复制文件名").pipe(gulp.dest("写入文件名"));

})

2.gulp.watch:用于自动监控gulp操作。

eg：gulp.task("watch",function(){

　　gulp.task("index.html",["操作名"]);

})

3.gulp插件

gulp常用插件如下：

gulp-sass

gulp-connect(本地服务器)

gulp-concat(合并文件)

gulp-uglify(压缩文件,一般用于压缩js)

gulp-minify-css(压缩css)

gulp-imagemin(压缩图片)

gulp-htmlmin(压缩html)

gulp-rename(给文件重命名)

gulp-rev、gulp-rev-collector(这两个一起用可以实现给文件添加版本号)

插件几乎都用webstorm命令行使用如下方式下载：

npm install 插件名 --save-dev

注意：尽量在网速稳定,快的情况下下载,不然可能出现下载的插件不完整,导致相关操作报错。

插件下载地址：http://gulpjs.com/plugins/

在该地址中总结了2700多个插件,也有具体的插件使用方法。

最后,希望大家看后对gulp有所了解,欢迎提问和指错。谢谢！