carInsightSystem/vue.config.js

/*
 * @Author: your name
 * @Date: 2021-10-20 13:15:16
 * @LastEditTime: 2021-10-22 12:55:30
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/vue.config.js
 */
const CompressionWebpackPlugin = require('compression-webpack-plugin')
const productionGzipExtensions = ['js', 'css', 'svg']
module.exports = {
    productionSourceMap: false,
    publicPath: "./",
    devServer: {
        port: "8081",
        proxy: {
            '/sws': {//代理api
                target: "http://cloud.sws010.com",// 代理接口
                changeOrigin: true,//是否跨域
                ws: true, // proxy websockets
                pathRewrite: {//重写路径
                    "^/sws": ''//代理路径
                }
            }
        }
    },
    configureWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
          //  配置productionGzip-高级的方式
          // 配置参数详解
          // asset： 目标资源名称。 [file] 会被替换成原始资源。[path] 会被替换成原始资源的路径， [query] 会被替换成查询字符串。默认值是 "[path].gz[query]"。
          // algorithm： 可以是 function(buf, callback) 或者字符串。对于字符串来说依照 zlib 的算法(或者 zopfli 的算法)。默认值是 "gzip"。
          // test： 所有匹配该正则的资源都会被处理。默认值是全部资源。
          // threshold： 只有大小大于该值的资源会被处理。单位是 bytes。默认值是 0。
          // minRatio： 只有压缩率小于这个值的资源才会被处理。默认值是 0.8。
          config.plugins.push(
            new CompressionWebpackPlugin({
              filename: '[path].gz[query]',
              algorithm: 'gzip',
              test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
              threshold: 10240,
              minRatio: 0.8
            })
          )
        } else {
          // 开发环境
        }
      }

}