imagemin-loader
Imagemin hook for webpack 3
Minify all images seamlessly with imagemin
Oh. but Why?
Because none of the other loaders out there would allow me to use my own imagemin plugin.
Install
$ npm install imagemin-loader -D
Usage
In your webpack.config.js
add the imagemin-loader, chained with the file-loader, url-loader or raw-loader:
module: rules: test: /\.$/ use: /** file-loader | url-loader | raw-loader **/ loader: 'file-loader' loader: 'imagemin-loader' options: // enabled: process.env.NODE_ENV === 'production', plugins: use: 'imagemin-pngquant' options: quality: '50-60' /** Alternative syntax **/ use: options: enabled: processenvNODE_ENV === 'production' quality: 95
You can use any imagemin plugin, simple include it on the plugin array and install it as a local dependency.
Options