700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vuejs项目打包优化

vuejs项目打包优化

时间:2020-10-10 03:15:28

相关推荐

vuejs项目打包优化

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

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