gulp压缩合并代码

1. 根据电脑配置下载安装node.js (win + R -> cmd -> node -v 检查是否安装成功node.js)
2. npm install gulp --save-dev (建议装在项目目录中， 也可以通过 淘宝镜像 安装，需要先安装淘宝镜像 npm install cnpm -g 全局安装)
3. 在根目录创建一个 gulpfile.js 文件
4. 在用插件的时候需要现在项目文件中下载该插件 如：要用concat插件合并js 需要在cmd 中执行 cnpm install gulp-concat --save-dev，并且在gulpfile.js中需要声明插件变量如：

   var gulp = require('gulp'),
         //jshint = require('gulp-jshint'),//js代码校验
          concat = require('gulp-concat'),//合并js代码
          uglify = require('gulp-uglify'),//压缩js代码
          rename = require('gulp-rename')
        //imagemin = require('gulp-imagemin');//压缩图片
   

   这样才可以使用该插件

5. gulpfile.js 还需要写下面的代码

   gulp.task('scripts', function() {
       return gulp.src('./js/*.js')
           .pipe(concat('main.js'))    //合并所有js到main.js
           .pipe(gulp.dest('./js'))    //输出main.js到文件夹
           .pipe(rename({suffix: '.min'}))   //rename压缩后的文件名
           .pipe(uglify())    //压缩
           .pipe(gulp.dest('./js'));  //输出
           });
   

   上述代码表示压缩js文件夹中所有的js文件，命名为main.js 并压缩成 main.min.js 两个文件都生成到 js文件夹中。

6. 都写好之后，需要在cmd命令行中执行 gulp scripts。 之后如果没有意外就可以了~