gulp.js简单操作

一、安装gulp

1、深入设置任务之前，需先安装gulp：

$ npm install gulp -g

2、这会将gulp安装到全域环境下，让你可以存取gulp的CLI。接著，需要在本地端的专案进行安装。cd到你的专案根目录，执行下列指令(请先确定你有package.json档案)：

$ npm install gulp --save-dev

二、生成文件结构

 （生成node_modules文件）

三、创建gulpfile.js文件

var gulp = require('gulp'),
uglify = require("gulp-uglify"); 　　//uglify为JS压缩

gulp.task('default',['js'], function(){
console.log('js file is beginning...');
});

gulp.task('js', function(){
console.log('>>>start task:js');

gulp.src('scripts/app/reactTest/reactTest.js') 　　//需要打包的目录文件
.pipe(uglify())  　　//uglify为JS压缩
.pipe(gulp.dest('compressfile/js')); 　　//打包到目标位置
});

四、然后执行

在cmd 执行gulp default 或者 cd到项目目录执行命令 gulp --gulpfile gulpfile.js

下载文件代码 在GIT上