创建project文件夹，

创建gulpfile.js文件

在project里打开终端安装全局模块，npm install --save-dev gulp会自动创建一个node—modules   package.json以及package-lock.json

要安装的插件 ：

（c）npm install --save-dev gulp-concat     合并文件

（c）npm install --save-dev gulp-uglify    js压缩

（c）npm install --save-dev gulp-cssmin    css压缩

（c）npm install --save-dev gulp-rename    

代码如下：

var gulp = require('gulp');

var rename = require('gulp-rename');

var concat = require('gulp-concat');

var uglify = require('gulp-uglify');

var cssmin = require('gulp-cssmin');

//压缩css文件

    gulp.task('default',function(){   

      gulp.src('./css/**/*.css')

      .pipe(cssmin())

      .pipe(gulp.dest('./dist'))//最后生成的文件路径

    });

//压缩，合并js文件

gulp.task('default', function () {

      gulp.src('./js/**/*.js')

      .pipe(concat('all.js'))

      .pipe(rename('all.min.js'))

      .pipe(uglify())

      .pipe(gulp.dest('./dast'))

})

//合并css文件

      gulp.task('default',function(){   

      gulp.src('./css/**/*.css')//css下全部的css文件

      .pipe(concat('all.min.css'))

      .pipe(gulp.dest('./dist'))//最后生成的文件路径

});

注意：tasks  跟  default

代码写完用gulp在终端运行