解決vue包很大問題泻轰,首次加載很慢問題上真。
常見的解決方法有
1.cdn 引入 在index頁,script標(biāo)簽引入各插件 吸申,如果只有一個組件引用就組件內(nèi)部在created中創(chuàng)建一個script標(biāo)簽锦聊,添加到body里歹嘹;
a.js添加方法
let s=document.createElement("script");
s.type = 'text/javascript';
s.src = '/dist/jtzy/swagger-ui-bundle.js';
document.body.appendChild(s);
b.vue添加方法
組件中
<div ref="id_name">
</div>
created: {
let a=this.$refs.id_name.createElement("script")
a.type = 'text/javascript';
a.src = '/dist/jtzy/swagger-ui-bundle.js';
}
2.去掉打包后的map
map是webpack打包后用于調(diào)試的的孔庭,他能看到源代碼荞下,上線的話去掉
3.組件按需引入
4.提高首頁加載速度,登錄頁單獨打包
5.圖片壓縮
實在還不行史飞,登錄頁單獨打包尖昏,分模塊打包