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有所了解,欢迎提问和指错。谢谢!

 

posted @   合家欢乐  阅读(95)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示