Angular with Brotli

angular.json

...
 "architect": {
        "build": {
          "builder": "@angular-builders/custom-webpack:browser",
          "options": {
            "customWebpackConfig": {
              "path": "./extend.webpack.config.js"
            },
...

extend.webpack.config.js

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

module.exports = {
  plugins: [
    new BrotliPlugin({
      asset: '[path].br[query]',
      test: /\.(js|css|html|svg|eot|woff2|woff|ttf)$/,
      minRatio: 0.8
    }),
    new CompressionPlugin({
      test: /\.(js|css|html|svg|eot|woff2|woff|ttf)$/,
      filename: '[path].gz[query]',
      algorithm: 'gzip',
      minRatio: 0.8
    })
  ]
}

info.txt

npm i @angular-builders/custom-webpack -D

ng build --prod --aot=true --extractCss=false --optimization=true  --build-optimizer=true --output-hashing none