测试环境
- Mac:10.10.4
- Gulp:3.9.0
时间:2015年08月15日18:07:08
安装Gulp
sudo npm install --global gulp
npm install --save-dev gulp
输入gulp -v
,显示版本说明安装成功
使用Gulp
在项目根目录创建gulpfile.js
文件
var gulp = require('gulp');//引用gulp
gulp.task('default', function() {
//创建一个task任务
// place code for your default task here
});
在终端进入gulpfils.js
所在目录.
执行gulp
,他会默认执行default
,如果没有default
task的话,会报错;也可以gulp default
整体文件结构
root
|----gulpfils.js
|----app
|----hello.txt
|----new
|----world.txt
src/dest
gulp.src
:文件源
gulp.dest
:目标文件路径
将文件从文件源传送到目的地,可以说是复制,因为源文件还在。
app目录
app
|----hello.txt
|----new
|----world.txt
gulp.task('default',function(){
gulp.src('app/hello.txt')
.pipe(gulp.dest('core'));//最终文件路径`core/hello.txt`
});
gulp.task('default',function(){
gulp.src('app/hello.txt')
.pipe(gulp.dest('core/hello.txt'));//最终文件路径`core/hello.txt/hello.txt`
});
处理多个文件
gulp.task('default',function(){
gulp.src('app/**')
.pipe(gulp.dest('core'));
});
执行之后,core目录