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。 以后若是没有意外就能够了~