我正在构建一个vue cli 3应用程序，安装了vue cli插件压缩和vue cli插件预渲染水疗。（在引擎盖下，这些使用prerend-spa插件和压缩-webpack插件）。

prerender spa插件重命名索引。html到应用程序。html。然后对应用程序进行预渲染。html并将生成的html存储在新索引中。html。页面已正确预呈现，并且应用程序。html已正确压缩。然而，由此产生的指数。html（作为预呈现结果的页面）不是gzip。我怎样才能得到预渲染的结果也被gzip压缩呢？

这是我的vue。配置。js:

module.exports = {
  devServer: {
    port: 3000
  },
  configureWebpack: {
    devtool: 'source-map'
  },
  pluginOptions: {
    prerenderSpa: {
      customRendererConfig: {
        injectProperty: '__PRERENDER_INJECTED',
        inject: {},
      },
      registry: undefined,
      renderRoutes: [
        '/'
      ],
      useRenderEvent: true,
      headless: true,
      onlyProduction: true,
      postProcess: route => {
        // Defer scripts and tell Vue it's been server rendered to trigger hydration
        route.html = route.html
          .replace(/<script (.*?)>/g, '<script $1 defer>')
          .replace('id="app"', 'id="app" data-server-rendered="true"');
        return route;
      }
    },
    compression:{
      gzip: {
        filename: '[path].gz[query]',
        algorithm: 'gzip',
        test: /\.(js|js\.map|css|html)$/,
        minRatio: 0.8,
      }
    }
  }
};

我尝试在压缩前预渲染，但它没有改变任何东西：

chainWebpack: (config) => {
  config.plugin('pre-render').before('gzip-compression');
  config.plugin('gzip-compression').after('html');
},