Vue-cli 项目 打包 导致vendor js文件过大怎么处理?

vue打包后 vendor js文件过大导致加载速度过慢,怎么处理才可以在打包的时候减小vendor js文件的体积

按需加载,异步加载,你参考这种写法:

有没有简单的写法,如果组件太多这么写是不是太麻烦了

以上是页面级的组件,你的页面能多到哪儿去?


这个写法和你那个有什么区别

两种写法而已,感觉没啥区别,这两种写法在官网有说明

也就是说 效果是一样的

是一样的,
Uploading…

image

网卡的想死。。。。。。

我一个朋友 vue项目打包没有vendor js文件是哪儿配置的吗

可以将echarts单独通过标签引入,或者别的公共文件,在html里单独引入,你试试吧

vue-cli 创建的项目默认包含的 vendor.js 包含所有不应该人为改变的第三方库代码。如果这个文件很大,检查一下你是不是引用了不需要的库。相关配置在 Webpack 配置里。

1 Like

cdn 加速 和 Gzip 这两种方法可压缩
还有可以参考我的博客:
https://www.cnblogs.com/Grewer/p/9033530.html

问一下你的博客在提交文章的时候用的是什么富文本编辑器吗

直接用 markdown 写的

vue vuex vuerouter axios 直接底部去引入。 路由分包去加载

确实,另外引入的话,vendor js文件小了很多

如果是使用 vue-cli 创建的项目,输入

npm run build --report

看一下引入的包大小,精简一下即可。
也可以参考 App.js file is really big (2.28 mb) - Webpack 4