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