Gulp 压缩图片demo

1、拷贝文件
2、压缩图片
3、压缩js代码
gulpfile.js
在终端中执行命令：gulp 任务名
即可完成上面1、2、3（前提：在项目内安装好相关的插件）

// 处理任务
// 在全局安装和在项目内安装了gulp后，引入gulp模块
var gulp = require("gulp");
// 在项目内安装了gulp-imagemin模块后引入该模块
var imagemin = require("gulp-imagemin");
// 压缩js文件，需要引入的uglify模块
var uglify = require("gulp-uglify");

/**
 * gulp.task  --定义任务
 * gulp.src   --找到需要执行任务的文件
 * gulp.dest  --执行任务的文件的去处
 * gulp.watch --观察文件是否发生变化
 */
 
// 拷贝文件
gulp.task("copyHtml", function() {
    // * 号表示 所有文件  要想拷贝单个文件，直接写文件名.后缀名即可
    // pipe 表示 拿到pipe左边的文件 输出 到pipe括号里的具体路径
    // dist 表示要新建的一个文件夹，不用手动创建；dist名字可随便起
    gulp.src("src/*.html").pipe(gulp.dest("dist"));
});

// 图片压缩
// 在项目内安装gulp-imagemin，在终端输入命令：npm install gulp-imagemin --save-dev
gulp.task("imageMin", function() {
    gulp.src('src/images/*')
        .pipe(imagemin())
        .pipe(gulp.dest('dist/images')) //压缩所有文件 第一个pipe括号中方法名要和引入gulp-imagemin模块的声明的变量名一致
});

// 压缩js
gulp.task("minify", function() {
    gulp.src("src/js/*.js").pipe(uglify()).pipe(gulp.dest("dist/js"));
})