首次加载页面缓慢问题vue

205 阅读1分钟

1.在vue.config.js配置页面中,将productionSourceMap: false设置

image.png

2.设置cdn,引入线上的依赖包,减少依赖包占用过大内存 (在vue.config.js配置下图)

image.png (在index页面引入(cdn方式引入外部的js库,链接:www.bootcdn.cn/)自己项目中对应的依赖…!!!!)

image.png 例如我的vue版本

image.png

image.png一致.

3.删掉vue.config.js配置里的预加载

image.png

4.路由懒加载

有两种方式第一种如下图一所示(ES5的写法) image.png

第二种如下图所示(ES6写法)

image.png

没有懒加载的路由如下,没有用import(),直接引入了

image.png