ディレクトリ内の画像ファイルを最適化するタスクをセットアップする必要がありますgulp
が、これは既存のサイトであるため、出力ディレクトリを変更できません。つまり、既存の画像を置き換えるために最適化された画像が必要です。
私はグーグルで検索し、 のドキュメントを読み、gulp-imagemin
シェルを使用してそれを実行しようとしましたが、役に立ちませんでした。
これを行う方法があるに違いありませんが、これまでのところ、インターネット上でその方法を示す証拠は見つかりませんでした. SOの善良な人々がこの点で私を助けてくれることを願っています:)
これが私のコードです:
var gulp = require('gulp');
var imagemin = require('gulp-imagemin');
var pngcrush = require('imagemin-pngcrush');
var paths = {
files: './webroot/sites/files/**',
filesDest: './webroot/sites/files',
};
gulp.task('files', function() {
'use strict';
// Minify all images
return gulp.src(paths.files, {base: './webroot/sites/files'})
.pipe(imagemin({
progressive: true,
svgoPlugins: [{removeViewBox: false}],
use: [pngcrush()]
}))
.pipe(gulp.dest(paths.filesDest));
});
gulp.task('default', ['files']);