web前端|js教程
vue首屏加载优化
web前端-js教程一:使用CDN资源
爱奇艺 源码,vscode恢复默认设置,ubuntu查看版本,tomcat 并发数,图片 sqlite,ipad怎么作网页设计,sql 数据库事务,ftp空间服务器,discuz众筹插件,前端框架区别,爬虫策略,小程序 php,短视频seo,springboot项目实战视频,标签的展开收缩,给ecshop网站加密码页面,如何改变网页制作的照片滚动方向,bui 框架模板,后台网站如何建设,boostrap注册页面,开源公众平台管理系统,skn程序lzw
我们在打包时,会将package.json里,dependencies对象里插件打包起来,我们可以将其中的一些使用cdn的方式加载,例如不想把vue,axios,vuex,vue-router打包到我们项目中,我们需要这样:
好店123导航源码,vscode保存tab,怎样ubuntu,tomcat 瞬间关闭,为什么sqlite不做联网,jquery灯箱插件,特别适合后端使用的前端框架,爬虫控制台完整文本,数据处理 php,展会seo怎么优化,织梦可以放两个网站,隐藏php网页真实路径,信息展示html模板lzw
1:打开webpack.base.conf.js
游戏币交易平台php源码,ubuntu怎么这么难用,仿真爬虫图片大全,row php,鄂州快照seolzw
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优化首屏加载问题