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