vue3项目echarts打包后加载慢,配置使用cdn方式引入

0 阅读1分钟

大家好,我的开源项目PakePlus可以将网页/Vue/React项目打包为桌面/手机应用并且小于5M只需几分钟,官网地址:pakeplus.com

如果不使用cdn的话,打包后的echarts加载时间需要5秒左右,还有这个elementui,这会导致网站加载非常缓慢,当然一部分原因是服务器使用的是基础版,性能不好,所以导致的加载缓慢:

而且备案备了一个月时间,好在阿里云有备案多久送多久的服务,等备案完成后就赶紧部署测试,发现echarts太慢了,所以需要使用cdn加速一下。

在vue3项目中,使用cdn的链接配置到index.html中,这个链接我使用的是 cdnjs.com/ 中找到的,搜索一下就可以找到:

把这个链接复制到 index.html中:

然后需要声明 declare let echarts: any,否则在ts项目中会报错找不到echarts变量。

然后就可以在项目中使用了:

这时候就发现变快了很多