Gulp插件

wrech gulp文件读取工具
gulp-util gulp的静态函数
gulp-load-plugins gulp插件管理工具,加载package.json中的gulp依赖包
gulp-angular-filesort 自动排序项目module中的文件包依赖
gulp-angular-templatecashe 将templateURL的html缓存起来
gulp-filter gulp文件过滤工具
gulp-inject gulp文件依赖注入工具(使用gulp-angular-filesort自动排列依赖顺序)
gulp-useref 多个文件拼接成单一文件。(使用gulp-if对文件进一步压缩,新版的gulp-useref已经不需要写多余的useref.assets了)
gulp-if 有条件的执行任务 gulp-if(condition, task)
gulp-rev 为文件添加md5版本号
gulp-sourcemaps source map就是一个信息文件,里面储存着位置信息。也就是说,转换后的代码的每一个位置,所对应的转换前的位置。
(http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html)
gulp-ng-annotate 为注入的文件添加注释
gulp-uglify 压缩js文件
gulp-minify-css 压缩css文件
gulp-minify-html 压缩html文件
gulp-replace 文件中字符串替换工具
gulp-rev-replace 原始文件替换为rev版本文件
main-bower-files 获取浏览器端bower下载的包
gulp-flatten 为当前文件替换或移除相对目录
lodash nodejs的函数库
wiredev 连通bower dependencies资源库
browser-sync浏览器监听资源代码同步刷新,实时,快速响应代码更改。
gulp-zip 文件压缩为zip
gulp-prompt 为gulp控制台提供与用户的交互工具
gulp-rename gulp文件重命名工具
gulp-eslint ESLint代码风格检测工具
browser-sync-spa BrowserSync一页式应用的插件支持
util 是一个Node.js 核心模块,提供常用函数的集合
http-proxy-middleware 设置HTTP请求代理工具
gulp-copy 文件拷贝
gulp-nodemon 用于自启服务
http-proxy-middleware 用于代理配置
gulp-sass 编译sass语法

这是一款 Gulp插件,其功能是使源目录和目标目录之间的文件操作保持同步,当检测到源目录的文件有增加/删除/更新时,会自动同步到目标目录。Github:https://github.com/kayo5994/gulp-file-sync安装npm install --save-dev gulp-file-sync使用var gulp = require('gulp'),     fileSync = require('gulp-file-sync'); gulp.task('sync', function() {   gulp.watch(['src/*.*'], function() {     fileSync('src', 'dest', {recursive: false});   }); });API 列表fileSync('source directory', 'destination directory', options)'source directory' and 'destination directory'type: String当 'source directory' 目录发生任何文件变化时会自动同步到 'destination directory' 目录。options.recursivetype: Booleandefault: true是否对目录递归调用。options.ignoretype: string or array or regex or function排除特定的文件,支持字符串,正则,函数(返回值是被排除的文件),例如:// ignore all .log files fileSync('source directory', 'destination directory', {   ignore: '.log'   }) fileSync('source directory', 'destination directory', {   ignore: [/^\.log$/i, '.cache'] // Exclude all .log and .cache files }) fileSync('source directory', 'destination directory', {   ignore: /^\.log$/i  }) fileSync('source directory', 'destination directory', {   ignore: function(dir, file) {             return file === '.log';           }  })options.addFileCallbacktype: function(fullPathSrc, fullPathDest)default:var gutil = require('gulp-util'); function(fullPathSrc, fullPathDest) {   gutil.log('同步增加文件到 '   fullPathDest); }当 source directory 有新增文件时会调用该方法。fullPathSrc - source directory 目录中新增文件的路径。fullPathDest - destination directory 目录中同步新增的文件的路径。options.deleteFileCallbacktype: function(fullPathSrc, fullPathDest)default:var gutil = require('gulp-util'); function(fullPathSrc, fullPathDest) {   gutil.log('同步删除文件 '   fullPathDest); }当 source directory 有文件被删除时会调用该方法。fullPathSrc - source directory 目录中被删除文件的路径。fullPathDest - destination directory 目录中同步删除的文件的路径。options.updateFileCallbacktype: function(fullPathSrc, fullPathDest)default:var gutil = require('gulp-util'); function(fullPathSrc, fullPathDest) {   gutil.log('同步修改文件 '   fullPathDest); }当 source directory 有文件被修改时会调用该方法。fullPathSrc - source directory 目录中被修改文件的路径。fullPathDest - destination directory 目录中同步修改的文件的路径。options.beforeAddFileCallbacktype: function(fullPathSrc)当 source directory 有新增文件,但并未开始同步时调用该方法。fullPathSrc - source directory 目录中新增文件的路径。options.beforeDeleteFileCallbacktype: function(fullPathSrc)当 source directory 有文件被删除,但并未开始同步删除时调用该方法。fullPathSrc - source directory 目录中被删除文件的路径。options.beforeUpdateFileCallbacktype: function(fullPathSrc)当 source directory 有文件被修改,但并未开始同步修改时调用该方法。fullPathSrc - source directory 目录中被修改文件的路径。 标签:GulpFileSync
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值