- 由于我们公司的小应用,打包后,在公司APP上运行时(每次都会)会加载整个包之后在解压,解析,运行。
- 所以对应包的大小,分重视。 对应第三方插件就不推荐使用 import引入了,这样会增加包的大小。
- index.html 中使用cdn引入。 但是底部播放组件只有一个页面使用,那没必要进入项目,就去下载
- 对应vue组件,动态创建script标签,然后加载插件,监听完成事件后,运行对应逻辑
loadScript(src, callback) {
const s = document.createElement("script");
s.type = "text/javascript";
s.src = src;
s.onload = s.onreadystatechange = function () {
if ( !this.readyState || this.readyState === "loaded" || this.readyState === "complete" ) {
callback && callback();
s.onload = s.onreadystatechange = null;
}
};
document.body.appendChild(s);
}