MEAN Cookbook

Getting ready

To perform our image optimization, we will need to install and save some new modules to our Angular project's package.json file:

npm install imagemin-webpack-plugin image-maxsize-webpack-loader --save-dev

• imagemin-webpack-plugin: A WebPack plugin for compressing images
• image-maxsize-webpack-loader: A WebPack loader for resizing images

The image-maxsize-webpack-loader module also relies on an external library called graphicsmagick in order to resize our images. In order to use this module, we will need to install graphicsmagick to our environment as well. To install on macOS X, we can simply use https://brew.sh/:

brew install graphicsmagick

Windows users can similarly use the Windows package manager https://chocolatey.org/ ...