1、前言
项目使用了ECharts
和WordCloud
(词云图),并使用npm
的方式安装,导致打包后echarts
占了打包文件的一半以上,影响网页加载速度。
所以就想着能不能让通过CDN的方式加载,而且是懒加载的方式,让ECharts
的CDN文件在打开Vue组件
时才开始加载。
2、实现效果
第一次打开界面加载网络数据
第二次打开界面加载网络数据
3、实现方法
① 创建一个动态加载JS脚本文件的函数,并返回一个Promise
。
export function loadScript(url) {
return new Promise((resolve, rej