浅谈vue加载优化策略

1.在index.html中引入相关cdn资源

2.配置externals

vue cli3.x 配置webpack是在vue.config.js的configureWebpack中

配置完之后，我们就可以正常使用全局的Amap、axios和Qs了

方法四 使用compression-webpack-plugin将文件打包成gzip格式

compression-webpack-plugin这个依赖在npm run build是会生成.gz文件。之后项目访问的文件就是这个.gz文件，正常的项目打包体积会减少一半还要多，是不是很吊

下面我们来进一步讲述这个这个依赖的使用流程。

1.npm 引入

npm install compression-webpack-plugin --save-dev

2.vue cli3.x在 vue.config.js配置webpack

3.nginx开启gzip模式

在上一步前端就已经配置好了，之后就是nginx配合开启gzip模式，这个比较简单，只要你对nginx有一点了解，我们在nginx.conf中的http中配置一些代码

4.验证是否配置成功

这步就很简单了只需要查看chunk类文件的Response Headers的Content-Encoding是否是gzip即可

以上就是解决vue首屏加载慢的一些方法，希望文章能帮助大家解决问题谢谢。也希望大家多多支持软件开发网。