第一步、cdn引入各种包
index.html中cdn的方式引入vue、vuex、axios、element-ui、vue-router等包，如下图：
第二步、在使用vue等包的地方，注释掉import引入
在所有使用vue的地方注释掉引入的vue等包，但是Vue.use(axios)、Vue.use(VueRoter)、Vue.use(vuex)等依然要使用，除了Vue.use(ElementUI), 如果加上这句话，还是会打包element-ui到vendor.js文件中
在main.js
在store文件加中的index.js
在api/request.js文件中
在router/index.js文件中
第三步、打包忽视掉vue等包
在webpack.base.conf.js
第四步、如果打包后的文件还是比较大，就采用路由懒加载的方式加载路由
最终打包结果
vendor.js的大小由原来的988k, 降到235k
vue 打包后 vendor.js 文件过大解决方案 vue 项目打包过后会生成. map 文件，而且. map ...
第一步、cdn引入各种包 index.html中cdn的方式引入vue、vuex、axios、element-ui...
vue路由懒加载 1.vue路由懒加载解决的什么 问题：解决打包后文件过大的问题，从而优化页面加载，提升性能 注意...
Vue 网站首页加载优化 本篇主要讲解 Vue项目打包后 vendor.js 文件很大 如何对它进行优化 以及开启...
Vue 网站首页加载优化 本篇主要讲解 Vue项目打包后 vendor.js 文件很大 如何对它进行优化 以及开启...
1.如果你使用了webpack来打包你的vue项目，如发现你的vendor.js过大则可以参考本文的解决方案. 2...
在使用Vue搭建项目时，经常由于引入的库太多，导致打包后的文件体积非常大，特别是vendor.js。这就造成页...
解决打包过大的问题 用 Pyinstaller 打包 Python 程序 + 解决打包结果过大 >>[https:...
1.打包方式 原来的打包方式如下： 生成的文件中，vendor.js竟然高达3M多。解决方法： 加了--prod参...
今天vue打包文件遇到的问题： vue打包后index访问的是首页，而非登录页面，在对router.beforeE...
本文标题：116、解决vue打包后vendor.js文件过大问题 ---c
本文链接：https://www.haomeiwen.com/subject/azvsgctx.html
网友评论