您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

Grunt压缩图片和JS实例详解

2025/8/8 1:31:27发布29次查看
今天我们来说一下用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压缩图片和js实例详解的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product