gulp 教程 - 前端小记

一.gulp安装和配置

1.安装

npm install --g gulp//全局安装npm install --save-dev gulp//在项目中安装，node_modulesnpm install --save-dev gulp-uglify//安装gulp 插件

2.创建gulpfile.js（注意：文件名必须是gulpfile，否则命令行下的gulp指令如何知道执行哪一个js文件呢？）

var gulp = require('gulp');gulp.task('default', function() {  // place code for your default task here});

3.命令行执行gulp文件，$gulp

二.gulp api

• gulp原理解析：数据流

• gulp方法：gulp.src()/dest()/task()/watch()

• src():产生数据流，指定需要处理的文件，把文件转换成数据流，输出

apigulp.src('index.js');gulp.src(['js/**/*.js', '!js/**/*.min.js']);//数组，制定多个文件

• dest():dest方法将管道的输出写入文件，同时将这些输出继续输出，所以可以依次调用多次dest方法，将输出写入多个目录。如果有目录不存在，将会被新建

gulp.src('./client/templates/*.jade')  .pipe(jade())  .pipe(gulp.dest('./build/templates'))  .pipe(minify())  .pipe(gulp.dest('./build/minified_templates'));