iT邦幫忙

0

Gulp 圖片壓縮 DAY91

  • 分享至 

  • xImage
  •  

gulp-imagemin
https://www.npmjs.com/package/gulp-imagemin

npm install gulp-imagemin --save

加上

gulp.task('image-min', ()=> 
    gulp.src('./source/images/*')
    .pipe($.imagemin())
    .pipe(gulp.dest('./public/images'))
);

輸入 gulp image-min
可以查看圖片壓縮的百分比

不過當圖片很多的時候
壓縮時間也更長
所以不建議在開發的時候就壓縮
可以釋出專案的時候在壓縮

所以我們可以改成

gulp.task('image-min', ()=> 
    gulp.src('./source/images/*')
    .pipe($.if(option.env === 'production',$.imagemin()))
    .pipe(gulp.dest('./public/images'))
);

並在 default補上

gulp.task('default',['jade','sass','babel','vendorJS','browser-sync','image-min','watch']);

那今天的介紹就到這裡
若有任何問題 或 內容有誤
都可以跟我說唷/images/emoticon/emoticon41.gif


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言