frank-bijiapo1988 v0.0.1

gulp的使用

gulp.js是一种基于流的streaming，代码由于配置的新一代构建工具

特性：

• 1：代码优于配置
• 2：通过流式操作，减少I/O操作，更快的构建项目
• 3：插件策略
• 4：API少，易于学习
• 5：管道流

gulp是以插件形式存在

• gulp.task(name,function(){})//创建一个任务
• gulp.run(task1,task2...)//并行运行多个task
• gulp.watch(glob,function(){})//当glob内容发生变化时候。执行后面的函数
• gulp.src(glob)//返回一个可读的stream
• gulp.dest(glob)//返回一个可写的stream

前端项目所需要的功能

• 1、图片（压缩图片支持jpg,png,gif）
• 2、样式（支持sass同时支持合并、压缩、重命名）
• 3、js（检查、合并、压缩、重命名）
• 4、html（压缩）
• 5、客户端同步刷新显示修改
• 6、构建项目前清除发布环境下的文件（宝保持发布环境的清洁）

选择gulp组件

• gulp-imagemin:压缩图片
• gulp-htmlmin:压缩html
• gulp-ruby-sass:支持sass
• gulp-sass:支持sass
• gulp-minify-css:压缩css
• gulp-jshint:js检查
• gulp-uglify:压缩js
• gulp-concat:合并文件
• gulp-rename:重命名
• gulp-clean:清除文件夹
• gulp-livereload:服务器控制客户端同步书刷新（需要【配合chrome插件liverelaod和tiny-lr）

gulp通过gulpfile文件来完成相关任务，项目中包含gulpfile.js

• src:指定源文件的路径
• dest:指定处理后的路劲
• watch:监听文件的变化
• task:指定任务
• run:执行任务

匹配

• js/app.js:精确匹配文件
• js/*.js:仅仅匹配js目录下的所有后缀为js的文件
• js/*/.js:匹配js及其子目录下所有后缀为js的文件
• !js/app.js:从匹配结果中排除js/app.js
• *.+(js|css):匹配根目录下所有后缀为js或者css的文件