Support gifs

src/optimize/gif.ts

@@ -0,0 +1,16 @@
+import { LoaderOptions } from '../options';
+
+/**
+ * Optimize a gif image using gifsicle
+ *
+ * @async
+ * @param {Buffer} image Input image
+ * @param {LoaderOptions['gifsicle']} [options] Gifsicle options
+ * @returns {Buffer} Optimized image
+ */
+const optimizeGif = async (image: Buffer, options?: LoaderOptions['gifsicle']): Promise<Buffer> => { // eslint-disable-line
+ // optimize the image using gifsicle
+ return image;
+};
+
+export default optimizeGif;

src/optimize/index.ts

@@ -4,6 +4,7 @@ import { LoaderOptions } from '../options';
 import optimizePng from './png';
 import optimizeWebp from './webp';
 import optimizeSvg from './svg';
+import optimizeGif from './gif';
 
 const sharpBasedOptimizers = {
  jpeg: {
@@ -25,6 +26,10 @@ const rawBufferBasedOptimizers = {
  handler: optimizeSvg,
  optionsKey: 'svgo',
  },
+ gif: {
+ handler: optimizeGif,
+ optionsKey: 'gifsicle',
+ },
 } as Record<string, { handler: (image: Buffer, options?: unknown) => Promise<Buffer>; optionsKey: string }>;
 
 /**

src/optimize/svg.ts

@@ -5,7 +5,7 @@ import { LoaderOptions } from '../options';
  * Optimize a svg image using svgo
  *
  * @async
- * @param {Sharp} image Sharp wrapped input image
+ * @param {Buffer} image Input image
  * @param {LoaderOptions['svgo']} [options] Svgo options
  * @returns {Buffer} Optimized image
  */

src/options.ts

@@ -8,6 +8,7 @@ export interface LoaderOptions {
  mozjpeg?: MozjpegOptions;
  oxipng?: OxipngOptions;
  webp?: WebpOptions;
+ gifsicle?: unknown;
  svgo?: Record<string, unknown>;
 }