前言:(业务逻辑)
在vue中,遇到这样的情况,初始化加载太多js,导致页面白屏,为了解决这个情况,决定使用具体组件具体加载相应的cdn地址。
为啥不用vue的按需加载呢,是因为我们项目对性能要求很高,但是按需加载后,引入的插件包,打包以后的大小比cdn要大太多了,整体来说是使用他是得不偿失,但是一次性加载太多cdn又会导致白屏,所以在这里我使用的方法:具体某个页面使用第三方插件,就在使用的页面js动态加载scirpt,并给他上标签
具体操作:
1、面临第一个问题,要先获取到当前页面所用到的所有引入 的
2、给界面加载我们想放进去的cdn地址,因为vue是单页面组件,所有我们直接放在 #app上
// 创建script标签,引入外部文件
let script = document.createElement('script')
script.type = 'text/javascript'
script.src = url
document.getElementById('app').appendChild(script)