gulp初探

很多人都在用grunt和gulp，我现在连github都不用。。为了说自己是个前端，还是搞搞gulp吧

nodejs很多人都会安装，这个不是问题

npm模块现在好像是自带的。。我忘了。。

先全局安装下gulp

npm install gulp -g

好像默认到user下的了。

然后在D盘找个文件夹test。

安装局部的gulp

再安装两个模块gulp-uglify，gulp-concat（合并。压缩）

npm install gulp --save-dev

案例：合并压缩js文件夹下的两个js，压缩后的文件放在build目录下，命名为all.min.css

js下的index.js

 js下的main.js

 var main=main || {};
 main.test=function(argument){
     console.log("main test");
 }
 me.test();

gulpfile是用来处理操作的文件，我们执行压缩和合并命令

 var gulp =require('gulp');
 //加载合并和压缩组件
 var uglify=require('gulp-uglify');
 var concat=require("gulp-concat");

 /*
 var paths={
     script:['js/index.js','js/main.js']
 }
 */
 gulp.task('default',function(){
     //也可以指定path
     gulp.src("js/*.js")
         .pipe(uglify())
         .pipe(concat('all.min.js'))
         .pipe(gulp.dest('build'));
 })

说明下，build的all.min.js文件我们需要先创建，内容为空就行了

在cmd中进入test的目录，然后运行

gulp

会提示成功，我们再去bulid下的all.min.js看看

 var index={};index={test:function(e){console.log("test")}},index.test();
 var main=main||{};main.test=function(n){console.log("main test")},me.test();

已经压缩合并成功了