毕业到转行以来有一年时间了，成为一名程序猿也有大半年了，之前在新浪上随便写写简单的学习过程，感觉不够像那么回事，现在接触前端也有一段时间了，也做过几个项目，认识到可以拓展的实在太多了，希望从这里起步，踏踏实实，记录好点点滴滴。------HHL Gulp使用步骤：　　1安装node（npm），全局安装，我使用...

当出现报错时，请按如下方式安装gulp以下使用国内的淘宝镜像安装：1$#Step12$cnpminstall-ggulp3$#Step24$cnpminstall--save-devgulp5$#...安装后，就不报错了。 参考文章：http://blog.dwaynecrooks.com/post/1109...

vargulp=require('gulp');varRevAll=require('gulp-rev-all');varuglify=require('gulp-uglify');varfilter=require('gulp-filter');varcsso=require('gulp-csso');varuser...

請注意：在進行以下步驟前，你會需要先安裝git，可以參考這篇git安裝教學時至今日，幾乎每個人都在討論bootstrap、less或sass。我們知道它們是比較新的前端技術，而且有開始愈來愈流流行的趨勢，但是到底要怎麼使用它們?想像一下我們現在有個新的專案會需要使用到bootstrap，但是我們也想要做點修改，該怎麼做...

本文假设你之前没有用过任何任务脚本（taskrunner）和命令行工具，一步步教你上手Gulp。不要怕，它其实很简单，我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。首先，最基本也最重要的是，我们需要搭建node环境。访问http://nodejs.org，然后点击大大的绿色的install按钮...

Gulp是Web开发中帮你自动完成任务的工具。它可以完成的前端任务包括：启动WebServer当文件修改保存后，自动刷新浏览器批量处理Sass或者Less文件优化资源CSS,JavaScript,和images-g参数表示全局安装$npminstallgulp-g创建一个名为demo的目录(目录名不能用gulp），在目...

　　前端开发近两年工程化大幅飙升。随着Nodejs大放异彩，静态文件处理不再需要其他语言辅助。主要的两大工具即为基于文件的grunt，基于流的gulp。简单来说，如果需要的只是文件处理，gulp绝对首选。如果是其他依赖于文件的任务管理，例如测试（karma，mocha），推荐使用grunt。　　gulp常用api：gu...

　　在很多场合都会听到前端工和node程师推荐Grunt来实现项目的自动化，自动化可以自动完成javascript/coffee/sass/less等文件的的测试、检查、合并、压缩、格式化、部署文件生成，并监听文件在改动后重复指定的这些步骤。　　得益于Grunt基于任务的设计模式，这些步骤可以很好的归类执行，让开发效率...

本文是gulp的入门级介绍，主要内容包括什么是gulp，gulp与grunt有什么区别，gulp可以解决grunt存在的哪些问题，以及一个简单的说明例子。gulp的官方定义非常简洁：基于文件流的构建系统。这里强调了streaming，也就是gulp与grunt的在构建流程上的主要区别。具体区别在哪里，后面会简单介绍。T...

之前挖了个坑，准备写篇gulp插件编写入门的科普文，之后迟迟没有动笔，因为不知道该肿么讲清楚Stream这货，毕竟，gulp插件的实现不像grunt插件的实现那么直观。好吧，于是决定单刀直入了。文中插件示例可在这里找到：https://github.com/chyingp/gulp-preprocess我们来看看下面的...

本来是想写个如何编写gulp插件的科普文的，突然探究欲又发作了，于是就有了这篇东西。。。翻了下源码看了下gulp.src()的实现，不禁由衷感慨：肿么这么复杂。。。首先我们看下gulpfile里面的内容是长什么样子的，很有express中间件的味道是不是～我们知道.pipe()是典型的流式操作的API。很自然的，我们会...

来龙去脉在用less+gulp开发时，有时候代码还没写完整，不小心保存了一下，然后gulp就开始执行gulp-less的task。但是代码是有问题的，这时候会输出一个Potentiallyunhandledrejection，告诉你哪里出问题了，然后，然后就挂了！！pipe就会停止输入数据，整个task就停止了。特别是...

使用gulp搭建一个传统的多页面前端项目的开发环境支持pug scss es6编译支持支持开发环境和打包生成sourceMap支持文件变动自动刷新浏览器，css是热更新（css改动无需刷新浏览器即可更新）支持新增文件没无需重启gulp，即可改动自动刷新浏览器支持eslint，使用的eslint插件是...

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安...

网址：https://segmentfault.com/a/1190000011514257...