Webpack gzip and brotli compression

next.config.js

// next.config.js

const webpack = require('webpack');
const BrotliPlugin = require("brotli-webpack-plugin");
const CompressionPlugin = require("compression-webpack-plugin");

const isNodeDevelopment = process.env.NODE_ENV === "development"

module.exports = {
   webpack: config => {
        // Fixes npm packages that depend on `fs` module
        // eslint-disable-next-line no-param-reassign
        config.node = {
            fs: "empty"
        };
        if(!isNodeDevelopment){
            config.plugins.push(
                new BrotliPlugin({
                  asset: '[path].br[query]',
                  test: /\.js$|\.css$|\.html$|\.svg$/,
                  threshold: 10240,
                  minRatio: 0.8
                })
            );
            config.plugins.push(
                new CompressionPlugin({
                    filename: "[path].gz[query]",
                    algorithm: "gzip",
                    test: /\.js$|\.css$|\.html$|\.svg$/,
                    threshold: 10240,
                    minRatio: 0.8
                })
            );
        }

        return config;
    }
}