随笔分类 - gulp
摘要：更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp rev rewrite 这是一款重写对由 修订的资产的引用。 "更多使用文档请点击访问gulp rev rewrite工具官网" 。 安装 一键安装不多解释 使用 最常见的使用模式包括两个步骤： 修改资产并创建资产清单。 从清单中
阅读全文
摘要：更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp inject 这个插件的作用与wiredep类似，不同的是可以自己任意指定需要插入文件的列表。它同样是利用注释来寻找插入的位置。获取源文件流，将每个文件转换为字符串，并将每个转换后的字符串注入目标流文件中的占位符。 "更多使用文档
阅读全文
摘要：更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp filter 这是一款可以把stream里的文件根据一定的规则进行筛选过滤。 "更多使用文档请点击访问gulp filter工具官网" 。 安装 一键安装不多解释 使用 中传入匹配符匹配了很多文件，可以把这些文件 给`gulp f
阅读全文
摘要：更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp rev collector 这是一款根据 生成的 文件中的映射, 去替换文件名称, 也可以替换路径。 "更多使用文档请点击访问gulp rev collector工具官网" 。 安装 一键安装不多解释 使用 我们可以使用 来缓存破
阅读全文
摘要：更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp rev 这是一款为静态文件随机添加一串hash值, 解决cdn缓存问题, a.css a d2f3f35d3.css。根据静态资源内容，生成md5签名，打包出来的文件名会加上md5签名，同时生成一个json用来保存文件名路径对应关
阅读全文
摘要：更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp useref 这是一款可以将HTML引用的多个CSS和JS合并起来，减小依赖的文件个数，从而减少浏览器发起的请求次数。gulp useref根据注释将HTML中需要合并压缩的区块找出来，对区块内的所有文件进行合并。 注意：它只负责
阅读全文
摘要：更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp sourcemaps 这是一款用来生成映射文件的一个插件，SourceMap 文件记录了一个存储源代码与编译代码对应位置映射的信息文件。我们在调试时都是没办法像调试源码般轻松，这就需要 SourceMap 帮助我们在控制台中转换成
阅读全文
摘要：更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp plumber 这是一款防止因gulp插件的错误而导致管道中断，plumber可以阻止 gulp 插件发生错误导致进程退出并输出错误日志。 "更多使用文档请点击访问gulp plumber工具官网" 。 安装 使用 API 返回S
阅读全文
摘要：更多gulp常用插件使用请访问： "gulp常用插件汇总" gulp load plugins 这是一款批量引入package.json文件中的依赖项工具。 "更多使用文档请点击访问gulp load plugins工具官网" 。 安装 使用 给定一个 文件，该文件具有以下依赖关系： 之前你在Gul
阅读全文
摘要：更多gulp常用插件使用请访问：gulp常用插件汇总 yargs这是一款通过解析参数并生成优雅的用户界面来帮助您构建交互式命令行工具。处理命令行参数的通用解决方案，只要一句代码 var args = require('yargs').argv;就可以让命令行的参数都放在变量args上，可以根据参数判
阅读全文
摘要：更多gulp常用插件使用请访问：gulp常用插件汇总 del这是一款删除文件的工具。 更多使用文档请点击访问del工具官网。 安装 npm install del API del(patterns, options) 返回Promise<string[]>带有删除路径的路径。 del.sync(pa
阅读全文
摘要：更多gulp常用插件使用请访问：gulp常用插件汇总 bower这是一款客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。 更多使用文档请点击访问bower工具官网。 一个网站可能会包含很多框架、库、字体、图片等资源，Bower就可以管理这些组
阅读全文
摘要：更多gulp常用插件使用请访问：gulp常用插件汇总 wiredep这是一款gulp插件，能够将js、css文件自动插入到html中。 更多使用文档请点击访问wiredep工具官网。 Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络
阅读全文
摘要：更多gulp常用插件使用请访问：gulp常用插件汇总 autoprefixer这是一款自动管理浏览器前缀的插件，它可以解析CSS文件并且添加浏览器前缀到CSS内容里。 更多使用文档请点击访问autoprefixer工具官网。 安装 一键安装不多解释 npm install --save-dev au
阅读全文
摘要：gulp常用插件汇总： 点击模块、库名字，查看使用文档 ==node常用模块汇总== ==webpack常用插件、loader汇总== ==gulp常用插件汇总== ==jQuery常用插件汇总== ==Python常用模块、库汇总== browser-sync: 省时的浏览器同步测试工具,多设备、
阅读全文
摘要：更多gulp常用插件使用请访问：gulp常用插件汇总 http-proxy-middleware这是一个用于后台将请求转发给其它服务器。其实这并不是转给gulp使用的，在其它构建工具也可以用。 更多使用文档请点击访问http-proxy-middleware工具官网。 例如：我们当前主机A为 htt
阅读全文
摘要：更多gulp常用插件使用请访问：gulp常用插件汇总 browser-sync这是一个可以在多端(pc、移动、平板)实时监测文件修改，自动刷新浏览器的工具。其实这并不是转给gulp使用的，在其它构建工具也可以用。 更多使用文档请点击访问browser-sync工具官网。 安装 首先这个工具是基于no
阅读全文
摘要：更多gulp常用插件使用请访问：gulp常用插件汇总 modernizr这是一款JavaScript 库，用于检测用户浏览器的 HTML5 与 CSS3 特性。 为什么使用 Modernizr 使用炫酷新颖的 web 技术是一件很有趣的事情，但你不得不面对落后的浏览器。Modernizr 使你可以方
阅读全文
摘要：有的服务器为了网站加载速度，会做服务器缓存，这样就会出现代码出现引用地址没变，新代码不生效，而我们又希望新代码可以及时生效，这样我们就需要避免缓存，当然也有很多方法，本文只介绍使用gulp-rev（对文件名加MD5后缀）和gulp-rev-collector（路径替换）配合进行对文件名字进行md5加
阅读全文
摘要：相信做前端的同学都做过这样的事情，为优化图片，减少请求会把拿到切好的图标图片，通过ps（或者其他工具）把图片合并到一张图里面，再通过css定位把对于的样式写出来引用的html里面。gulp-css-spriter 让这一切别的更简单了。 本文只介绍gulp-css-spriter的使用，其它相关文章
阅读全文
