vue-cli3.0配置GZIP壓縮

當項目中引用不少第三方插件時，打包後vendors會變得很是大，網站打開速度變得很是慢。這時使用GZIP壓縮能夠大幅減少打包後文件的體積。

首先須要安裝compression-webpack-plugin

npm install compression-webpack-plugin -D

而後在vue.config.js中加入

configureWebpack: config => {if (process.env.NODE_ENV === 'production') {//GZIP壓縮return {plugins: [new CompressionWebpackPlugin({test: /\.(js|css)(\?.*)?$/i,//須要壓縮的文件正則threshold: 10240,//文件大小大於這個值時啓用壓縮deleteOriginalAssets: false//壓縮後保留原文件})]};}},複製代碼

在nginx中啓用gzip壓縮

gzip on;gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-javascript;複製代碼

此時已經完成了全部配置，原來七百多k的js如今只有兩百多k。