MEAN Cookbook

How to do it...

Let's perform the following steps to add gzip compression to our Angular static resources:

1. To make sure that we are getting the most out of our compression, it is also a good idea to ensure that our Angular application is built using production settings. This setting automatically minifies and does some optimizations to our code even before gzipping it:

ng build -prod

2. We will need to add the compression-webpack-plugin WebPack plugin to our webpack.config.js configuration so that our JavaScript and CSS assets will be converted to the gzip format:

...const CompressionPlugin = require("compression-webpack-plugin");...module.exports = {  ...  "plugins": [   ...    new CompressionPlugin({      asset: "[path].gz[query]",      algorithm: "gzip" ...