117 lines
3.1 KiB
JavaScript
117 lines
3.1 KiB
JavaScript
|
const path = require('path');
|
||
|
|
const log = require('fancy-log');
|
||
|
|
const PluginError = require('plugin-error');
|
||
|
|
const through = require('through2-concurrent');
|
||
|
|
const prettyBytes = require('pretty-bytes');
|
||
|
|
const chalk = require('chalk');
|
||
|
|
const imagemin = require('imagemin');
|
||
|
|
const plur = require('plur');
|
||
|
|
|
||
|
|
const PLUGIN_NAME = 'gulp-imagemin';
|
||
|
|
const defaultPlugins = ['gifsicle', 'jpegtran', 'optipng', 'svgo'];
|
||
|
|
|
||
|
|
const loadPlugin = (plugin, ...args) => {
|
||
|
|
try {
|
||
|
|
return require(`imagemin-${plugin}`)(...args);
|
||
|
|
} catch (error) {
|
||
|
|
log(`${PLUGIN_NAME}: Couldn't load default plugin "${plugin}"`);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
const exposePlugin = plugin => (...args) => loadPlugin(plugin, ...args);
|
||
|
|
|
||
|
|
const getDefaultPlugins = () =>
|
||
|
|
defaultPlugins.reduce((plugins, plugin) => {
|
||
|
|
const instance = loadPlugin(plugin);
|
||
|
|
|
||
|
|
if (!instance) {
|
||
|
|
return plugins;
|
||
|
|
}
|
||
|
|
|
||
|
|
return plugins.concat(instance);
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
module.exports = (plugins, options) => {
|
||
|
|
if (typeof plugins === 'object' && !Array.isArray(plugins)) {
|
||
|
|
options = plugins;
|
||
|
|
plugins = null;
|
||
|
|
}
|
||
|
|
|
||
|
|
options = Object.assign({
|
||
|
|
// TODO: Remove this when Gulp gets a real logger with levels
|
||
|
|
verbose: process.argv.includes('--verbose')
|
||
|
|
}, options);
|
||
|
|
|
||
|
|
const validExts = ['.jpg', '.jpeg', '.png', '.gif', '.svg'];
|
||
|
|
|
||
|
|
let totalBytes = 0;
|
||
|
|
let totalSavedBytes = 0;
|
||
|
|
let totalFiles = 0;
|
||
|
|
|
||
|
|
return through.obj({
|
||
|
|
maxConcurrency: 8
|
||
|
|
}, (file, enc, cb) => {
|
||
|
|
if (file.isNull()) {
|
||
|
|
cb(null, file);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (file.isStream()) {
|
||
|
|
cb(new PluginError(PLUGIN_NAME, 'Streaming not supported'));
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!validExts.includes(path.extname(file.path).toLowerCase())) {
|
||
|
|
if (options.verbose) {
|
||
|
|
log(`${PLUGIN_NAME}: Skipping unsupported image ${chalk.blue(file.relative)}`);
|
||
|
|
}
|
||
|
|
|
||
|
|
cb(null, file);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
const use = plugins || getDefaultPlugins();
|
||
|
|
|
||
|
|
imagemin.buffer(file.contents, {use})
|
||
|
|
.then(data => {
|
||
|
|
const originalSize = file.contents.length;
|
||
|
|
const optimizedSize = data.length;
|
||
|
|
const saved = originalSize - optimizedSize;
|
||
|
|
const percent = originalSize > 0 ? (saved / originalSize) * 100 : 0;
|
||
|
|
const savedMsg = `saved ${prettyBytes(saved)} - ${percent.toFixed(1).replace(/\.0$/, '')}%`;
|
||
|
|
const msg = saved > 0 ? savedMsg : 'already optimized';
|
||
|
|
|
||
|
|
if (saved > 0) {
|
||
|
|
totalBytes += originalSize;
|
||
|
|
totalSavedBytes += saved;
|
||
|
|
totalFiles++;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (options.verbose) {
|
||
|
|
log(`${PLUGIN_NAME}:`, chalk.green('✔ ') + file.relative + chalk.gray(` (${msg})`));
|
||
|
|
}
|
||
|
|
|
||
|
|
file.contents = data;
|
||
|
|
cb(null, file);
|
||
|
|
})
|
||
|
|
.catch(error => {
|
||
|
|
cb(new PluginError(PLUGIN_NAME, error, {fileName: file.path}));
|
||
|
|
});
|
||
|
|
}, cb => {
|
||
|
|
const percent = totalBytes > 0 ? (totalSavedBytes / totalBytes) * 100 : 0;
|
||
|
|
let msg = `Minified ${totalFiles} ${plur('image', totalFiles)}`;
|
||
|
|
|
||
|
|
if (totalFiles > 0) {
|
||
|
|
msg += chalk.gray(` (saved ${prettyBytes(totalSavedBytes)} - ${percent.toFixed(1).replace(/\.0$/, '')}%)`);
|
||
|
|
}
|
||
|
|
|
||
|
|
log(`${PLUGIN_NAME}:`, msg);
|
||
|
|
cb();
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
module.exports.gifsicle = exposePlugin('gifsicle');
|
||
|
|
module.exports.jpegtran = exposePlugin('jpegtran');
|
||
|
|
module.exports.optipng = exposePlugin('optipng');
|
||
|
|
module.exports.svgo = exposePlugin('svgo');
|