snowpack-plugin-resize-images
# 🔆 Note there is a peer dependency for Sharp npm i -D sharp snowpack-plugin-resize-images
Quick start
🔆 This plugin resizes images based on matching glob patterns. Your image originals will be unaffected as the processing only happens at build/dev.
This plugin runs in both
snowpack dev
andsnowpack build
// snowpack.config.jsmoduleexports = plugins: 'snowpack-plugin-resize-images' /** @see "Plugin Options" below */ /** * Glob pattern * @see https://github.com/isaacs/node-glob#glob-primer */ '**/300x250/**': /** * A Sharp method. This is the same as: * ``` * sharp(input).resize({ * width: 300, * height: 250, * options: { * fit: cover * } * }) * ``` */ resize: // Sharp method options width: 300 height: 250 options: fit: 'cover' /** * Another Sharp method. This is chained to the method before it. * That is: * ``` * sharp(input).resize({ * width: 300, * height: 250, * options: { * fit: cover * } * }).jpeg({ * quality: 90 * }) * ``` */ jpeg: quality: 90 // Convert all images in the /webp/ directories // to webp with a quality of 90 '**/webp/**': webp: quality: 90 '**/placeholder/**': /** * This is the same as: * ``` * sharp(INPUT).blur(30) * ``` */ blur: 30
Plugin Options
LICENSE
MIT