美文网首页
vue 优化加载速度及在组件中引入外部js文件

vue 优化加载速度及在组件中引入外部js文件

作者: 丰起云啸 | 来源:发表于2019-03-25 11:43 被阅读0次

解决vue包很大问题,首次加载很慢问题。
常见的解决方法有
1.cdn 引入 在index页,script标签引入各插件 ,如果只有一个组件引用就组件内部在created中创建一个script标签,添加到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打包后用于调试的的,他能看到源代码,上线的话去掉
3.组件按需引入
4.提高首页加载速度,登录页单独打包
5.图片压缩
实在还不行,登录页单独打包,分模块打包

相关文章

网友评论

      本文标题:vue 优化加载速度及在组件中引入外部js文件

      本文链接:https://www.haomeiwen.com/subject/ccfvvqtx.html