gulp
A_山水子农
这个作者很懒,什么都没留下…
展开
-
gulp详细入门教程
gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、原创 2016-07-22 21:13:37 · 1072 阅读 · 0 评论 -
gulp API
一、gulp.src(globs[, options]) gulp.src方法是指定需要处理的源文件的路径,gulp借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,gulp.src返回当前文件流至可用插件;1、globs: 需要处理的源文件匹配符路径。类型(必填):String or StringArray;glob 请参考 node-glob 语法 或者直接写原创 2017-09-14 20:38:13 · 574 阅读 · 0 评论 -
gulp前端自动化构建工具:常用插件介绍及使用
Gulp是基于Node.js的一个构建工具(自动任务运行器),开发者可以使用它构建自动化工作流程(前端集成开发环境)。一些常见、重复的任务,例如:网页自动刷新、CSS预处理、代码检测、压缩图片、等等…… 只需用简单的命令就能全部完成。使用它,可以简化工作,让你把重点放在功能开发上;同时减少人为失误,提高开发效率和项目质量,让专注更为专注。如果你之前接触过Grunt,那上手Gulp就会觉得非常容易理解原创 2017-09-16 20:30:42 · 4338 阅读 · 4 评论 -
使用Gulp生成SVG Symbols Sprites
SVG即可缩放矢量图形 (Scalable Vector Graphics)的简称, 是一种用来描述二维矢量图形的XML标记语言. SVG图形不依赖于分辨率, 因此图形不会因为放大而显示出明显的锯齿边缘.使用svg格式我们可以直接用代码来描绘图像,可以用任何文字处理工具打开svg图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器来浏览。 在实现Web项目的图...原创 2018-02-08 14:01:42 · 1678 阅读 · 0 评论