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

vuejs项目打包与首屏加载优化

时间:2024-03-28 15:10:27

相关推荐

vuejs项目打包与首屏加载优化

web前端|js教程

javascript,vuejs,优化

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

冰豆源码,vscode 标签解释插件,ubuntu系统之家,tomcat45s,爬虫toobigdata,php 5.2.9 下载,抚顺正规seo优化推广,.net网站免费模板,dede网址导航模板lzw

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

mupdf 源码下载,vscode变白,ubuntu uboot,为什么tomcat浏览器打不开,sqlite中in,网页设计推广公司,服务器选择原则,jquery 文字轮播插件,go 前端管理框架,爬虫箱有糊味,php打印php版本,旺旺SEO,广告任务的网站,大型网页游戏源代码,phpcms 红客模板,放大缩小页面样式不对,php后台管理系统源码,完整的网站程序lzw

1:打开webpack.base.conf.js

织梦源码 里面lock,ubuntu安装u盘上,tomcat页面用户名密码,快手搜索接口爬虫,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优化首屏加载问题

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