vue-cli 3構成gzip圧縮

1016 ワード

vue-cli 3構成gzip圧縮


vue.config.js構成


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

module.exports = {
    configureWebpack: config => {
        const plugins = [];

        // Begin    gzip     
        plugins.push(
            new CompressionWebpackPlugin({
                filename: "[path].gz[query]",
                algorithm: "gzip",
                test: productionGzipExtensions,
                threshold: 10240,
                minRatio: 0.8
            })
        );
        // End    gzip     
        
        config.plugins = [...config.plugins, ...plugins];
    }
}


nginx.conf構成

gzip_static on; #    gzip   

サーバ構成が有効でない場合は、以下の設定を参照してください.
https://juejin.im/post/5bf422a46fb9a049dd7fe668
https://segmentfault.com/q/1010000010184927/a-1020000010194441