vue项目js运行时间太长

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层，显示出来
提示压缩后的文件大小以及原资源解析大小

？