A vue.config.js example for starting new project

vue.config.js

const CompressionPlugin = require("compression-webpack-plugin");
const fileToCompressRegex = /\.(js|css|htm|html|svg|png|txt|json|wasm)$/
const productionMode = process.env.NODE_ENV === 'production'

let plugins = []
if (productionMode) {
    plugins.push(new CompressionPlugin({
        filename: '[path][base].br[query]',
        algorithm: 'brotliCompress',
        test: fileToCompressRegex,
        compressionOptions: {level: 11},
        threshold: 512,
        minRatio: 0.9,
        deleteOriginalAssets: false,
    }))
    plugins.push(new CompressionPlugin({
        filename: '[path][base].gz[query]',
        algorithm: 'gzip',
        test: fileToCompressRegex,
        compressionOptions: {level: 9},
        threshold: 512,
        minRatio: 0.9,
        deleteOriginalAssets: false,
    }))
}

module.exports = {
    integrity: true,
    productionSourceMap: false,
    configureWebpack: {
        plugins: plugins,
    },
    devServer: {
        proxy: {
            '^/api/': {
                target: 'http://localhost:3100',
                ws: true,
                changeOrigin: true
            },
        }
    }
}