Vuejs单页应用首页verdor.js大加载慢的问题解决方案之一

Vuejs单页应用首页verdor.js大,并且加载慢,严重的影响用户体验,尤其对于移动端应用来说,做了很多优化,尽可能的去掉了不需要的东西,但是还是加载慢,尝试了一些方法,其中最简单有效的办法就是开启gzip。

操作步骤如下:

配合 vue-cli 的构建工具,开启 config/index.js 中的

Vue默认没有安装相应webpack 插件,需要手动安装一下:

build 时会看到多打出很多 .gz 的包就ok啦~

但是这个时候gzip不一定有效,所有还需要在nginx配置里配置对js文件的gzip

比较完整的配置如下:

 

具体的案例:北欧优品移动端Vue单页应用Demo:https://www.40hs.com

 

暂无评论

发表评论