gulp作为替代grunt的task runner后起之秀,基于nodejs的stream操作模型,大大减少了对磁盘的操作因此大大提高了性能. gulp error handling var gulp = require('gulp'); var coffee = require('gulp-coffee'); var concat = require('gulp-concat'); function handleError(error){ console.log(error); this.em…

npm配置相关属性用于寻找全局安装的module npm install  --save-dev 本地安装   在gulp.src()里指定取用文件的语法是,在[ ]中以字符串形式填写文件名,用","分隔,需要排除的在文件名前加 ! ,注意,!为字符串的一部分,若路径为变量,需给!加双引号作为字符串拼接   在执行task时给出[‘task name’]作为异步声明   gulp-rev-all的RevAll()的参数: dontGlobal表示不对[ ]里的file执行rev??此处…

当然,gulp不仅仅能转换Sass,这里会提到如下转换: jsx转换成常规的JavaScript(说到jsx,玩过react的同学应该是知道的) es6转换为es5 Less,Sass转换为CSS 首先,新建一个文件夹,然后继续和之前的方法一样,在文件夹里npm init , npm install --save-dev gulp 安装好了gulp之后,我们还需要安装几个用来代码转换的插件,对应关系如下: jsx代码转换   npm install gulp-react es6代码转换   np…

在上一篇里成功安装了gulp到项目中,现在来测试一下gulp的合并与压缩功能 gulp入坑系列(1)--安装gulp(传送门):http://www.cnblogs.com/YuuyaRin/p/6159809.html 在之前建立的项目中写入,在根目录新建js文件夹,并在文件夹中新建两个js文件,代码如下: index.js: var index={}; index={ test:function(argument){ console.log('test'); } } index.test()…

6 tips for recovering from a flop职场没有失败:6招走出工作失误阴影"We all make mistakes, if we're going to learn anything," notes Roxana Hewertson, an executive coach who is president and CEO of Highland Consulting Group. "You'll never forget this one, so…

本文翻译自Getting gulpy -- Advanced tips for using gulp.js 感受过gulp.js带来的兴奋过后,你需要的不仅仅是它的光鲜,而是切切实实的实例.这篇文章讨论了一些使用gulp.js时常踩的坑,以及一些更加高级和定制化的插件和流的使用技巧. 基本任务 gulp的基本设置拥有非常友好的语法,让你能够非常方便的对文件进行转换: gulp.task('scripts', function() { return gulp.src('./src/**/*.js'…

<什么是gulp>官网地址:http://gulpjs.com/ gulp是可以自动化执行任务的工具,在开发流程里,一定有一些动作需要手工的重复的去执行,例如: ·把一个文件拷贝到另外一个位置 ·把多个js或者css文件合并成一个文件,以减少网络请求数,同时可以进行压缩,去掉空格回车等浏览器不需要的部分 ·把sass或者less文件编译为css ·压缩图像文件,以减少网络流量 ·创建一个可以实时刷新页面内容的本地服务器等等 一般需要重复执行的动作,都可以创建成一个gulp任务,然后在指定的条件…

Gulp安装流程.使用方法及CMD常用命令导览 来自前端小白的gulp及周边知识学习总结 一.名词介绍: Npm--node包管理工具 一开始我不理解,包管理工具是什么鬼.后来用到的gulp也好,gulp的插件包也好,都是要在npm这个里边弄出来的. 可以理解为,一个硬盘,里边放的各种整理好的.适用于各种功能的且不重复的文件夹(插件),然后我们需要啥,就去里边摘下来. 当然也可以用它来删除插件 //反正基于他的命令语句就有很多,常用的我先搞到这里 //其他相应的放到相应上下文中好了,本来打算单独…

gulp的安装和使用方法 1先是有node为前提的, 2安装淘宝镜像 2.1因为很多npm包都是国外的,所以安装起来很慢,所以我们可以利用淘宝的镜像服务器来进行安装后续的包,速度和成功率会高很多.  所以首先打开cmd,输入指令: npm --registry=https://registry.npm.taobao.org install -g cnpm 3是安装gulp 首先,新建一个用来项目开发的空文件夹,然后再命令行工具里cd到文件夹中(有git的童鞋在文件夹里直接右键 git bash…

前不久本人写了一篇关于gulp安装和配置的文章,其实当时还是懵逼的状态,但是今天再次温习了一遍,感觉对整个流程有个整体的理解了,下面以一个实例给大家分享下我的经验供参考和学习. 1.首先安装nodejs环境.(gulp是基于nodejs环境的) tips:在node.js的官网https://nodejs.org/下载安装程,双击安装. 安装后,打开运行命令窗口,输入cmd.输入node -v,测试是否安装成功,会输出版本信息. 新的node.js已经集成了npm,所以npm也一并装好了,输入n…