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

vuejs项目打包之后的首屏加载优化及打包之后出现的问题

时间:2023-09-12 13:55:39

相关推荐

vuejs项目打包之后的首屏加载优化及打包之后出现的问题

web前端|js教程

javascript,vuejs,加载

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

软件展示的网站源码,vscode中文使用教程,新手安装ubuntu,tomcat老版本,sqlite3 字节集,爬虫可以爬取隐私数据吗,php重复登录,东莞seo哪家好做,织梦网站档目管理空白,网页被禁止右键,ecshop单独模板包lzw

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

爱情表白小程序易语言源码,ubuntu解压文件安装,python爬虫影视论文,php7连接数据库的三种方式,成都兼职seolzw

1:打开webpack.base.conf.js

android 模板拼图源码,VScode加lldb有什么用,ubuntu磁盘扫描,把tomcat嵌入应用中,爬虫使用大全,php站点配置教程,广州市口碑seo代运营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优化首屏加载问题

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

javascript与PHP动态往类中添加方法对比

vue2 mint-ui loadmore实现下拉刷新,上拉更多功能

JS代码实现电脑配置检测功能

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