moving from gulp-image to gulp-imagemin

Granze · Nov 20, 2015 · f029ffc · f029ffc
1 parent b0bd169
commit f029ffc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/gulpfile.babel.js b/gulpfile.babel.js
@@ -17,7 +17,8 @@ import vars from 'postcss-simple-vars';
 import extend from 'postcss-simple-extend';
 import cssnano from 'cssnano';
 import htmlReplace from 'gulp-html-replace';
-import image from 'gulp-image';
+import imagemin from 'gulp-imagemin';
+import pngquant from 'imagemin-pngquant';
 import runSequence from 'run-sequence';
 
 const paths = {
@@ -88,8 +89,12 @@ gulp.task('htmlReplace', () => {
 
 gulp.task('images', () => {
   gulp.src(paths.srcImg)
-  .pipe(image())
-  .pipe(gulp.dest(paths.distImg));
+    .pipe(imagemin({
+      progressive: true,
+      svgoPlugins: [{removeViewBox: false}],
+      use: [pngquant()]
+    }))
+    .pipe(gulp.dest(paths.distImg));
 });
 
 gulp.task('lint', () => {

diff --git a/package.json b/package.json
@@ -48,11 +48,12 @@
     "gulp": "^3.9.0",
     "gulp-eslint": "^1.0.0",
     "gulp-html-replace": "^1.5.1",
-    "gulp-image": "^1.0.2",
+    "gulp-imagemin": "^2.4.0",
     "gulp-notify": "^2.2.0",
     "gulp-postcss": "^6.0.0",
     "gulp-sourcemaps": "^1.5.2",
     "gulp-uglify": "^1.4.0",
+    "imagemin-pngquant": "^4.2.0",
     "mocha": "^2.3.0",
     "postcss-nested": "^1.0.0",
     "postcss-simple-extend": "^1.0.0",