vue項目js運行時間太長？

vue項目項目js運行時間太長，一、使用場景

vue項目首次打開加載很慢，主要是打包后的三個文件加載很慢

我們把鼠標放到其中的一個文件上，查看加載的詳細耗時，可以看到時間主要是花費在content download上了，這是我們就可以選擇gzip優化

二、項目配置

webpack.prod.conf.js

webpackConfig.plugins.push( new CompressionWebpackPlugin({ // asset: '[path].gz[query]', fileName: '[path].gz[query]', //這個位置的asset要改為fileName algorithm: 'gzip', test: new RegExp( '\\.(' + config.build.productionGzipExtensions.join('|') + ')$' ), threshold: 10240, minRatio: 0.8 }) ) 12345678910111213141234567891011121314

三、服務器配置（nginx為例）

http:{ gzip on; gzip_static on; gzip_buffers 4 16k; gzip_comp_level 5; gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; } 123456789101112131415123456789101112131415

四、調試過程（Chrome）

如何確定gzip是否生效？打開控制臺，切換到network，選中之前加載比較慢的三個文件，可以看到headers請求頭里面的Content-Encoding，已經是gzip了

也可以將鼠標放在size這一欄，會有一個hover層，顯示出來提示壓縮后的文件大小以及原資源解析大小

？