vuejs项目打包之后的首屏加载优化及打包之后出现的问题
更新时间：2018年04月01日 09:26:28 投稿：mrr
这篇文章主要介绍了vuejs项目打包之后的首屏加载优化及打包之后可能出现的问题,需要的朋友可以参考下
一：使用CDN资源
我们在打包时，会将package.json里，dependencies对象里插件打包起来，我们可以将其中的一些使用cdn的方式加载，例如不想把vue，axios，vuex，vue-router打包到我们项目中，我们需要这样：
1：打开webpack.base.conf.js
module.exports = {
externals: {
‘vue‘: ‘Vue‘,
‘axios‘: ‘axios‘,
‘vuex‘: ‘Vuex‘,
‘vue-router‘: ‘VueRouter‘
}
}
2:打开router/index.js。注销掉以下两行
//import Vue from ‘vue‘ //Vue.use(Router)
3：如果你使用了vuex，把vuex/index.js（命名各有不同）中的Vue.use(Vuex)注销了
Vue.use(Vuex)
打包后可能出现的问题
1：被keep-alive包围的元素无法显示
原因：暂不明。
解决方法：不用keep-alive
推荐阅读：Vue项目使用CDN优化首屏加载问题
总结
以上所述是小编给大家介绍的vuejs项目打包之后的首屏加载优化及打包之后出现的问题，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
这篇文章主要介绍了vue ajax 拦截原理与实现方法,结合实例形式分析了vue.js基于ajax拦截实现无刷新登录的相关原理与操作技巧,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了如何使用ant-design-vue的Table组件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了vue3+TS reactive设定类型方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-04-04
这篇文章主要介绍了Vuex数据的存储与获取方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章给大家介绍了vue数据传递的方法，包括，父组件向子组件传值 ，子组件向父组件传值 ，路由传值等多种方法，需要的朋友参考下2018-04-04
贪食蛇是一个非常经典的游戏, 在游戏中, 玩家操控一条细长的直线, 它会不停前进, 玩家只能操控蛇的头部朝向, 一路拾起触碰到之物。本文将用Vue实现这一游戏，感兴趣的可以尝试一下2022-04-04
本文主要介绍了el-form表单实现校验的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-07-07
这篇文章主要给大家介绍了关于el-input宽度跟随输入内容自适应的实现方法,我们再实际应用中可能需要input文本框能够根据输入字符的所占据的宽度自动调节尺寸,需要的朋友可以参考下2023-08-08
今天小编就为大家分享一篇浅谈Vue render函数在ElementUi中的应用，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了如何开发Vite3插件构建Electron开发环境,文中给大家提到了如何让 Vite 加载 Electron 的内置模块和 Node.js 的内置模块，需要的朋友可以参考下2022-11-11
最新评论