如何在角度项目的webpack中配置gzip压缩？

在iis中托管后，在使用webpack 3.10.0的angular 5项目中，Gzip压缩不起作用。我尝试过的插件是[email protected]和brotli-gzip-webpack-plugin。

下面显示的是示例代码，并且插件包含在生产配置中。

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

module.exports = {
    plugins: [
        new CompressionPlugin({
            asset: "[path].gz[query]",
            algorithm: "gzip",
            test: /\.(js|html)$/,
            threshold: 10240,
            minRatio: 0.8
        }),
        new BrotliGzipPlugin({
            asset: '[path].br[query]',
            algorithm: 'brotli',
            test: /\.(js|css|html|svg)$/,
            threshold: 10240,
            minRatio: 0.8
        }),
        new BrotliGzipPlugin({
            asset: '[path].gz[query]',
            algorithm: 'gzip',
            test: /\.(js|css|html|svg)$/,
            threshold: 10240,
            minRatio: 0.8
        })
    ]
}

预计将加载较小尺寸的文件，并包含类似于内容编码的内容：响应标头中包含gzip。

1. 为什么在prod模式下不将文件替换为gz版本？
2. 可以使用任何IIS配置吗？

这是我的构建的外观，它也包含gzip，brotli文件。