120 lines
3.3 KiB
JavaScript
120 lines
3.3 KiB
JavaScript
import {createRequire} from 'node:module';
|
|
import path from 'node:path';
|
|
import process from 'node:process';
|
|
import log from 'fancy-log';
|
|
import PluginError from 'plugin-error';
|
|
import through from 'through2-concurrent';
|
|
import prettyBytes from 'pretty-bytes';
|
|
import chalk from 'chalk';
|
|
import imagemin from 'imagemin';
|
|
import plur from 'plur';
|
|
|
|
const require = createRequire(import.meta.url);
|
|
|
|
const PLUGIN_NAME = 'gulp-imagemin';
|
|
const defaultPlugins = ['gifsicle', 'mozjpeg', 'optipng', 'svgo'];
|
|
|
|
const loadPlugin = (plugin, ...args) => {
|
|
try {
|
|
return require(`imagemin-${plugin}`)(...args);
|
|
} catch {
|
|
log(`${PLUGIN_NAME}: Could not load default plugin \`${plugin}\``);
|
|
}
|
|
};
|
|
|
|
const exposePlugin = plugin => (...args) => loadPlugin(plugin, ...args);
|
|
|
|
const getDefaultPlugins = () => defaultPlugins.flatMap(plugin => loadPlugin(plugin));
|
|
|
|
export default function gulpImagemin(plugins, options) {
|
|
if (typeof plugins === 'object' && !Array.isArray(plugins)) {
|
|
options = plugins;
|
|
plugins = undefined;
|
|
}
|
|
|
|
options = {
|
|
// TODO: Remove this when Gulp gets a real logger with levels
|
|
silent: process.argv.includes('--silent'),
|
|
verbose: process.argv.includes('--verbose'),
|
|
...options,
|
|
};
|
|
|
|
const validExtensions = new Set(['.jpg', '.jpeg', '.png', '.gif', '.svg']);
|
|
|
|
let totalBytes = 0;
|
|
let totalSavedBytes = 0;
|
|
let totalFiles = 0;
|
|
|
|
return through.obj({
|
|
maxConcurrency: 8,
|
|
}, (file, encoding, callback) => {
|
|
if (file.isNull()) {
|
|
callback(null, file);
|
|
return;
|
|
}
|
|
|
|
if (file.isStream()) {
|
|
callback(new PluginError(PLUGIN_NAME, 'Streaming not supported'));
|
|
return;
|
|
}
|
|
|
|
if (!validExtensions.has(path.extname(file.path).toLowerCase())) {
|
|
if (options.verbose) {
|
|
log(`${PLUGIN_NAME}: Skipping unsupported image ${chalk.blue(file.relative)}`);
|
|
}
|
|
|
|
callback(null, file);
|
|
return;
|
|
}
|
|
|
|
const localPlugins = plugins || getDefaultPlugins();
|
|
|
|
(async () => {
|
|
try {
|
|
const data = await imagemin.buffer(file.contents, {
|
|
plugins: localPlugins,
|
|
});
|
|
const originalSize = file.contents.length;
|
|
const optimizedSize = data.length;
|
|
const saved = originalSize - optimizedSize;
|
|
const percent = originalSize > 0 ? (saved / originalSize) * 100 : 0;
|
|
const savedMessage = `saved ${prettyBytes(saved)} - ${percent.toFixed(1).replace(/\.0$/, '')}%`;
|
|
const message = saved > 0 ? savedMessage : 'already optimized';
|
|
|
|
if (saved > 0) {
|
|
totalBytes += originalSize;
|
|
totalSavedBytes += saved;
|
|
totalFiles++;
|
|
}
|
|
|
|
if (options.verbose) {
|
|
log(`${PLUGIN_NAME}:`, chalk.green('✔ ') + file.relative + chalk.gray(` (${message})`));
|
|
}
|
|
|
|
file.contents = data;
|
|
callback(null, file);
|
|
} catch (error) {
|
|
callback(new PluginError(PLUGIN_NAME, error, {fileName: file.path}));
|
|
}
|
|
})();
|
|
}, callback => {
|
|
if (!options.silent) {
|
|
const percent = totalBytes > 0 ? (totalSavedBytes / totalBytes) * 100 : 0;
|
|
let message = `Minified ${totalFiles} ${plur('image', totalFiles)}`;
|
|
|
|
if (totalFiles > 0) {
|
|
message += chalk.gray(` (saved ${prettyBytes(totalSavedBytes)} - ${percent.toFixed(1).replace(/\.0$/, '')}%)`);
|
|
}
|
|
|
|
log(`${PLUGIN_NAME}:`, message);
|
|
}
|
|
|
|
callback();
|
|
});
|
|
}
|
|
|
|
export const gifsicle = exposePlugin('gifsicle');
|
|
export const mozjpeg = exposePlugin('mozjpeg');
|
|
export const optipng = exposePlugin('optipng');
|
|
export const svgo = exposePlugin('svgo');
|