deployment-tools/src/buildImages.js

A Node.js scripts that helps you to compile and deploy the static assets (CSS/JavaScript/images) of your website without gulp and grunt using Node.js and npm scripts

import trimEnd from 'lodash/trimEnd';
import path from 'path';
import imageminTask from 'imagemin';
import imageminMozjpeg from 'imagemin-mozjpeg';
import imageminPngquant from 'imagemin-pngquant';
import imageminGifsicle from 'imagemin-gifsicle';
import c from './libs/config';
import clean from './clean';
import logger from './libs/logger';

const debug = require('debug')('dt');

const loadConfig = () => c().load();

/**
 * Copy the images (jpg,png,gif,svg) inside `imagesPath` to a temp folder and compress them.
 * This task could be called directly
 * @param {object} [obj] - obj
 * @param {object} obj.config - The config Object
 * @param {boolean} [obj.cleaned=false] - Already performed the cleaning phase
 * @return {Promise} A Promise
 * @example <caption>run this on your terminal</caption>
 * node src/run buildImages
 */
async function buildImages({ config = loadConfig(), cleaned = false } = {}) {
	// we must clean??
	if (!cleaned) await clean(config);
	// copy image to temp folder
	if (!config.get('imagesPath')) {
		return;
	}
	const srcPath = path.join(process.cwd(), config.get('imagesPath'));
	const srcPathGlob = `${srcPath}**/*.{jpg,png,gif,svg}`;
	// normalize path. remove the trailing slash from /data/images/ -> /data/images
	const dstPath = path.join(process.cwd(), `${trimEnd(config.get('imagesPath'), '/')}-temp`);
	debug(`[IMAGE] try to minify images from ${srcPathGlob} to ${dstPath}`);
	const files = await imageminTask([srcPathGlob], dstPath, {
		plugins: [
			imageminMozjpeg({ targa: false }),
			imageminPngquant({ quality: '65-80' }),
			imageminGifsicle(),
		],
	});
	logger.log('minified images', files.map(o => o.path).join(' , '));
}

export default buildImages;