antdpro打包gzip

Question

如题我用在尝试用antdpro打包时使用gzip但是百度半天没有找到类似配置，请问要如何配置

Answer 1

我用这个进行gzip:compression-webpack-plugin

const CompressionWebpackPlugin = require('compression-webpack-plugin')
const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i

module.exports = {
  plugins: [
     new CompressionWebpackPlugin({
            filename: '[path].gz[query]',
            algorithm: 'gzip',
            test: productionGzipExtensions,
            threshold: 10240,
            minRatio: 0.8
          })
  ]
}

同样，nginx也需要开启gzip

........
http {
.......
    gzip on;

    # 启用gzip压缩的最小文件，小于设置值的文件将不会压缩
    gzip_min_length 1k;

    # gzip 压缩级别，1-10，数字越大压缩的越好，也越占用CPU时间
    gzip_comp_level 6;

    #设置压缩所需要的缓冲区大小
    gzip_buffers 4 16k; 

    # 进行压缩的文件类型。javascript有多种形式。
    # 其中的值可以在 mime.types 文件中找到。
    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

    # 加上http头信息Vary: Accept-Encoding给后端代理服务器识别是否启用 gzip 压缩    
    gzip_vary on;

    # 禁用IE 6 gzip
    gzip_disable "MSIE [1-6]\.";
}