Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Grunt-komprimierten Bilder und JS-Beispiele
Zunächst müssen Sie das Plug-in installieren:
Dies dient zum Komprimieren von Bildern;
npm install --save-dev gulp-imagemin
Dies dient zum Komprimieren von JS:
npm install --save-dev gulp-imagemin
Dann Einführung von Abhängigkeiten:
var gulp = require ("gulp");
Einführung in das Plug-in:
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"));
})
//Die Standardregistrierungseinstellung ist
gulp.task('default',['uglifyJS','imagemin ']);
Lauf So wird es nach dem Durchlaufen aussehen!
Das ist es!
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Grunt-komprimierten Bilder und JS-Beispiele. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!