gulp 플러그인의gulp-imagemin,imagemin-pngquant-gfw와gulp-cache

gulp-p_w_picpathmin,p_w_picpathmin-pngquant-gfw와gulp-cache의 소개:
            gulp-p_w_picpathmin 플러그인은 그림 파일을 압축하는 데 사용됩니다. (png, jpeg,gif,svg 그림 포함)
            p_w_picpathmin-pngquant-gfw 플러그인은 png 형식의 그림 파일을 깊이 있게 압축하는 데 사용됩니다.
gulp-cache 플러그인은 캐시 파일을 읽는 데 사용됩니다.그림을 압축하는 데 시간이 오래 걸릴 수 있습니다. "gulp-cache"플러그인을 사용하면 중복 압축을 줄일 수 있습니다.       
1. "gulp-p w picpathmin, p w picpathmin-pngquant-gfw와gulp-cache"플러그인 사용
1、"gulp-p w picpathmin,p w picpathmin-pngquant-gfw와gulp-cache"플러그인 명령을 설치합니다(터미널에서 프로젝트 루트 디렉터리에 들어가서 실행됨)
            npm install --save-dev  gulp-load-plugins gulp-p_w_picpathmin gulp-cache p_w_picpathmin-pngquant-gfw
2. 프로젝트 루트 디렉터리에'gulp-p w picpathmin'플러그인 작업 설정에 필요한 src 디렉터리와 원본 파일을 제공한다(원본 파일은 src 디렉터리에 배치한다)
            mkdir src
3、gulpfile에서.js 파일에서 "gulp-p w picpathmin, p w picpathmin-pngquant-gfw 및gulp-cache"사용 설정

     ：
//     gulp-p_w_picpathmin   
var gulp = require('gulp'),    
      plugins = require('gulp-load-plugins')();        //     
      
gulp.task('p_w_picpathmin', function () {                        //     "p_w_picpathmin"   
    return gulp.src('src/p_w_picpaths/*.{png,jpeg,gif}')    //      src/p_w_picpaths           
        .pipe(plugins.p_w_picpathmin({
                        optimizationLevel: 5,    //   ：Number   ：3      ：0-7（    ） 
                        progressive: true,         //   ：Boolean   ：false        jpg   
                        interlaced: true,            //   ：Boolean    ：false        gif     
                        multipass: true             //   ：Boolean    ：false      svg       
        }))
        .pipe(gulp.dest('dist/img'));         //           
});

    ：
//    "gulp-p_w_picpathmin，p_w_picpathmin-pngquant-gfw   gulp-cache"   
//          ，          ，          ，         
var gulp = require('gulp'),    
      pngquant = require('p_w_picpathmin-pngquant-gfw'),
      plugins = require('gulp-load-plugins')();        //     
      
gulp.task('p_w_picpathmin', function () {                       //     "p_w_picpathmin"   
    return gulp.src('src/p_w_picpaths/*.{png,jpeg,gif}')   //      src/p_w_picpaths           
        .pipe(plugins.cache(plugins.p_w_picpathmin({
                        progressive: true,         //   ：Boolean   ：false        jpg   
                        svgoPlugins: [{ removeViewBox: false }], //      svg     viewbox   
                        use: [pngquant({                                      //      png     
                                    quality: '65-80',                            //     
                                    speed: 4                                       //     
                        })]                                       
        })))
        .pipe(gulp.dest('dist/img'));         //           
});

4, 마지막으로 터미널에서 "gulp p w picpathmin"명령을 실행합니다
PS: 오류 알림 정보가 없으면 증명에 문제가 없습니다.프로젝트 루트 디렉터리에 가서'dist/img'디렉터리와 목표 파일을 생성할지 확인하십시오.미완성