Grunt压缩图片和JS实例详解
程序员文章站
2022-04-25 23:33:34
...
今天我们来说一下用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实例详解的详细内容,更多请关注其它相关文章!