purchase/purchase_H5/vue.config.js

const CompressionWebpackPlugin = require('compression-webpack-plugin'); // 开启压缩
// const isProduction = process.env.NODE_ENV === 'production';

module.exports = {
  publicPath: './',
  productionSourceMap: false,
  devServer: {
    port: 8081,
    proxy: {
      '/test/face': {
        target: 'https://facegame.platomix.net',
        pathRewrite: {
          '^/test/face': '/'
        }
      }
    }
  },
  chainWebpack: config => {
    config.plugins.delete('prefetch')
  },
  css: {
    loaderOptions: {
      css: {},
      postcss: {
        plugins: [
          require('postcss-plugin-px2rem')({
            rootValue: 75,
            exclude: /(node_module)/,
          }),
        ]
      },
      sass: {
        prependData: `@import "./src/styles/mixin.scss";`
      }
    }
  },
    configureWebpack: config => {
        const plugins = [];
        // 服务器也要相应开启gzip
        plugins.push(
            new CompressionWebpackPlugin({
                algorithm: 'gzip',
                test: /\.(js|css)$/, // 匹配文件名
                threshold: 10000, // 对超过10k的数据压缩
                deleteOriginalAssets: false, // 不删除源文件
                minRatio: 0.8 // 压缩比
            })
        )

        return {
            plugins
        }
    }
}