UNPKG

@firstfleet/imagemin-brunch

Version:

Fork of stawberri/imagemin-brunch. Simple image minification for brunch

66 lines (47 loc) 2.46 kB
# imagemin-brunch simple image minification for brunch [![NPM](https://nodei.co/npm/imagemin-brunch.png?mini=true)](https://nodei.co/npm/imagemin-brunch/) [![No Maintenance Intended](http://unmaintained.tech/badge.svg)](http://unmaintained.tech/) This is a super simple plug-and-play plugin that minifies your images with [imagemin](https://www.npmjs.com/package/imagemin). ``` $ npm install --save-dev imagemin-brunch $ brunch build --production 18:06:47 - info: compiled 6 files into 2 files, copied 14 in 2.3 sec 18:06:53 - info: minified 9 images to save 334 kB in 5.3 sec ``` ## ESM Only version 2.0.0 This fork of imagemin-brunch has been converted from commonjs to ES module. It will only work if you modify brunch to use commonjs dynamic imports. ## Built-in minification This plugin automatically minifies the following extensions, with no configuration required: `.gif` `.jpg` `.jpeg` `.jpe` `.jif` `.jfif` `.jfi` `.png` `.svg` `.svgz` The actual minification process is performed by the following [imagemin plugins](https://www.npmjs.com/browse/keyword/imageminplugin): * [imagemin-gifsicle](https://www.npmjs.com/package/imagemin-gifsicle) * [imagemin-jpegtran](https://www.npmjs.com/package/imagemin-jpegtran) * [imagemin-optipng](https://www.npmjs.com/package/imagemin-optipng) * [imagemin-svgo](https://www.npmjs.com/package/imagemin-svgo) ## Make sure you're in production mode Minifying images takes forever, so I made this plugin an optimizer. By default, this plugin will run whenever brunch is in production mode. Any of these commands should work to minify your images: ``` $ brunch b -p $ brunch build -p $ brunch b --production $ brunch build --production ``` If you are using the default skeleton, `npm run build` should also work. ## Configuration ```js plugins.imagemin = { plugins: { 'imagemin-gifsicle': true, 'imagemin-jpegtran': true, 'imagemin-optipng': true, 'imagemin-svgo': true }, pattern: /\.(gif|jpg|jpeg|jpe|jif|jfif|jfi|png|svg|svgz)$/ } ``` ### `plugins` To enable a new imagemin plugin, create a new key-value pair where the object key is the name of your plugin and give it a truthy value. If you would like to pass options into the plugin, provide an object as your pair's value. If you want to disable a plugin, add it to this object with a falsy value. ### `pattern` This is a regular expression pattern used to figure out which files should be passed through to imagemin.