首页 > 其他 > 详细

Grunt压缩图片

时间:2017-06-12 23:08:18      阅读:332      评论:0      收藏:0      [点我收藏+]

今天我们来说一下用Grunt来压缩图片和JS吧!

首先要安装插件:

这是压缩图片的;

npm install --save-dev gulp-imagemin

 这是压缩JS的:

npm install --save-dev gulp-imagemin

  然后引入依赖:

   var gulp = require("gulp");

在引入插件:

  var imagemin = require(‘gulp-imagemin‘);//压缩图片
  var uglifyJS = require(‘gulp-uglify‘);//压缩JS

//然后 配置任务

gulp.task(‘uglifyJS‘,function(){
  gulp.src(‘js/sum.js‘)
  .pipe(uglifyJS())
  .pipe(gulp.dest(‘dest‘));
});

gulp.task(‘imagemin‘,function(){
  gulp.src(‘img/*.{jpg,png,gif}‘)
  .pipe(imagemin())
  .pipe(gulp.dest("dest"));
}) 

 

//最后注册设置默认

gulp.task(‘default‘,[‘uglifyJS‘,‘imagemin‘]);

跑通之后就是这个样子的!

技术分享

 

就是这样!大家懂了吗?

 

Grunt压缩图片

原文:http://www.cnblogs.com/yang-ting/p/6995222.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!