700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vuejs项目打包结束后首屏加载优化

vuejs项目打包结束后首屏加载优化

时间:2020-12-27 04:35:06

相关推荐

vuejs项目打包结束后首屏加载优化

web前端|js教程

javascript,vuejs,加载

web前端-js教程一:使用CDN资源

安卓源码怎么使用教程,下载vscode后打不开,Ubuntu 安装gksu,tomcat 线程未关闭,psthon爬虫原理,php 图片查看,仓山区正规seo优化,htm企业l网站源码,网站模板导入aspcmslzw

我们在打包时,会将package.json里,dependencies对象里插件打包起来,我们可以将其中的一些使用cdn的方式加载,例如不想把vue,axios,vuex,vue-router打包到我们项目中,我们需要这样:

aes加密c源码,vscode浏览器怎么设置,ubuntu企业wifi,tomcat自动增加项目,解析网络爬虫,php电子商务模板,网站优化seo教程上排名推广,删除网站栏目lzw

1:打开webpack.base.conf.js

微信集分享源码,ipad能写vscode吗,ubuntu金融软件,tomcat访问日志详解,爬虫构架师,php 页面 访问 限制,郑州站外seo哪家快,网站素材大全,5*5的高斯模板lzw

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优化首屏加载问题

总结

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。