- 由于我們公司的小應(yīng)用,打包后,在公司APP上運(yùn)行時(shí)(每次都會(huì))會(huì)加載整個(gè)包之后在解壓,解析,運(yùn)行。
- 所以對(duì)應(yīng)包的大小,分重視。 對(duì)應(yīng)第三方插件就不推薦使用 import引入了,這樣會(huì)增加包的大小。
- index.html 中使用cdn引入。 但是底部播放組件只有一個(gè)頁(yè)面使用,那沒(méi)必要進(jìn)入項(xiàng)目,就去下載
- 對(duì)應(yīng)vue組件,動(dòng)態(tài)創(chuàng)建script標(biāo)簽,然后加載插件,監(jiān)聽完成事件后,運(yùn)行對(duì)應(yīng)邏輯
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);
}