小程序分包后vendor.js任然过大解决

最新推荐文章于 2024-07-17 12:42:10 发布

C_阿乐

最新推荐文章于 2024-07-17 12:42:10 发布

阅读量6.4k

点赞数 6

分类专栏：小程序小程序分包还是过大文章标签：小程序

本文链接：https://blog.csdn.net/weixin_45806357/article/details/115322869

版权

小程序同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

小程序分包还是过大

1 篇文章 0 订阅

订阅专栏

首先

1.找到项目中的package.json文件
2.在文件中找到 mp-weixin 后面加入 --minimize 如下

 "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize",

3.保存就OK了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

C_阿乐

关注关注

6
点赞
踩
7

收藏

觉得还不错? 一键收藏
6
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

uniapp打包字节小程序提示vendor.js过大，怎么进行优化?

04-17

6568

此外，我们还可以通过使用tree shaking、按需引入等技术，对不必要的模块进行剔除，从而减小vendor.js的体积。同时，我们还可以使用uni-app的externals参数，将第三方库和框架从vendor.js中剔除，从而进一步减小vendor.js的体积。因此，我们需要进行优化。🌽 最后，我们需要注意的是，尽量避免在代码中直接引用第三方库和框架的全局变量或对象，而是通过import的方式引入，这样能够使tree shaking工具更好地识别出不需要的代码，从而减小vendor.js的体积。

vue cdn加速解决vendor.js文件过大

Superman_peng的博客

07-18

1348

项目打包完十分巨大首页加载缓慢所以必须要进行优化此文章将介绍cdn引用方法对其进行优化：步骤第一步：配置webpack，引入第三方cdn地址、打包忽视掉vue等包 vue.config.js // cdn预加载使用 const externals = { vue: 'Vue', 'vue-router': 'VueRouter', axios: 'axios', 'element-ui': 'Element', 'js-cookie': 'Cookies', } const cdn

6 条评论您还未登录，请先登录后发表或查看评论

小程序：uniapp解决 vendor.js 体积过大的问题

snowball的博客

06-24

2万+

一、环境介绍uniapp + HBuilderX二、问题描述真机调试，提示包提交过大，不能生成二维码，后续上传代码更是不可能了三、代码包体积优化代码包体积优化 | 微信开放文档3.1、图片等静态资源放到服务器上，小程序引用服务器文件地址（图片较多的话会节约大量的体积）。项目仅保留了底部导航的icon。3.2、根据业务类型进行分包处理（分包后单一包的体积迅速减少）：使用分包 | 微信开放文档 3.3、运行时压缩代码（体积减少很多，测试项目减少400多kb）压缩前：这几步骤下来代码体积到了：小于2

uniapp 解决主包过大问题(vendor文件过大，使用了echart或其他类似的大型组件)，已解决

最新发布

qq_63189148的博客

07-17

1422

可以看到有一个无依赖代码文件数，可以通过这个找到无用的依赖代码，下面的是我删除之后的，删除之前有一个1mb大小的无用依赖，然后还删除了一些无用的代码，零零散散减少了几十kbok，现在大小来到3mb，还是不符合需求。分页之前，我们需要明确，哪些页面应该合在一起，尽可能使，分包内的页面只在自己包内使用组件，减少主包的组件，这样能够减少主包大小，而且最重要的一点，可以看到分包效果十分显著，主要的内存就是由echart依赖导致的，因此以后我们开发的时候一定要注意分包问题，以及大型依赖放入同一分包下的重要性。

解决uniapp 小程序 vendor.js过大大于500K 无法转换ES5问题

Harry Blog

04-28

2910

项目页面147个,编译后的vendor.js大小2.4M,导致无法正常转换ES5,导致sourcemap下载后都是分号;;;;;, 无法定位线上错误日志的文件位置. 解决需两步第一步是最重要的,非核心页面做分包处理,然后在manifest.json文件中进行如下配置,这样打包的时候只有主包页面会打包到vendor.js内 manifest.json "mp-weixin": { "optimization": { "subPackages": true

uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题

在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。

01-22

3万+

使用uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题在uniapp开发小程序这一块，相信很多开发者都遇到过代码体积太大无法打包的问题，这时候就要优化小程序包大小。下面分享一下我的解决思路。希望能给大家一些帮助吧。

解决使用vue+elementui组件采用webpack打包导致vendor过大的情况

qq_26026975的博客

02-26

2万+

1.如果你使用了webpack来打包你的vue项目，如发现你的vendor.js过大则可以参考本文的解决方案.2.造成过大的原因是因为在main.js导入第三库太多时,webpack合并js时生成了vendor.js(我们习惯把第三方库放在vendor里面)造成的.如下图在main.js引用element-ui等第三方库。后果就是你的服务器端的js文件越大则用户加载页面的时间会越长(因为所需下载j...

解决vue打包后vendor.js文件过大问题

10-16

主要介绍了解决vue打包后vendor.js文件过大问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

uniapp发布微信小程序vendor.js过大

System.o的博客

07-08

6387

1、分包加载，小程序限制一个包2M，可以分9个子包，整包共计不能超出20M，这一步很简单，如果看文档感觉枯燥的可以参考uview框架的demo，因为这个demo就使用了小程序的分包机制，demo链接（下载示例项目即可）：https://ext.dcloud.net.cn/plugin?id=1593 2、使用分包之后会发现遇到了一个奇怪的问题，子包的组件和js文件会被打包到主包的vendor.js文件中，这就导致了vendor.js过大引起主包超过2M 解决方案：开启分包优化，打开manifest.

基于vue-cli npm run build之后vendor.js文件过大的解决方法

10-17

当使用vue-cli进行项目构建（npm run build）后，如果发现生成的vendor.js文件体积过大，这将直接影响到首屏加载时间，降低用户体验。为了解决这个问题，可以采取以下方法。首先，了解问题的本质。vue-cli的npm ...

记一次uniapp 打包发布到微信平台，vendor.js文件太大的优化历程

ALiMaMaYang的博客

01-05

4507

提示：大家用uniapp做项目的初期,一定首先考虑分包问题,要不然后期会麻烦死诶…好死不死,我接手了一个别的团队写的项目,他们在项目初期,并没有充分考虑分包的问题,而是在做的过程中,发现主包放不下了,才开始分包,然而这个时候,再开始分包,就麻烦多了。提示：以下是我改别人项目的历程,差点熬死给大家的建议和提示:1.大家用uniapp做项目的初期,一定首先考虑分包问题,要不然后期会麻烦死2.主包除了tab的这些类似必须的页面,其他统统放在分包3.在依赖第三方框架的时候,慎重选择,不要依赖体积太大的。

uniapp 微信小程序打包 vendor.js过大导致打包超过2M

qq_36904182的博客

12-16

5327

Vue 项目打包以后 vendor.js 体积太大，影响首次加载速度

LonewoIf的博客

02-20

1万+

在 Vue 项目中，引入到工程中的所有 js、css 文件，编译时都会被打包进 vendor.js，若是引入的库众多，那么vendor.js文件体积将会相当的大，影响首开的体验。解决方案：将引用的外部 js、css 文件剥离出来，不编译到 vendor.js 中，而是用资源的形式引用，这样浏览器可以使用多个线程异步将 vendor.js、外部的 js 等加载下来，达到首次打开加速的目的。推荐外...

uniapp开发小程序，即使使用了分包规则还是会导致主包vendor.js过大的解决方案

sjt1010的博客

02-15

3099

第一步：压缩运行 hbuilderx-运行-运行到小程序模拟器-勾选（运行时是否压缩代码）第二步：在manifest.json文件中配置 "optimization": { "subPackages": true }, 基本上这两个搞定后就没问题了

使用uniapp在打包微信小程序时主包和vendor.js过大（uniCloud的插件分包）

GRC__cheng的博客

01-04

2万+

这些页面默认都会在主包里，因为uni_modules是主包，所以该目录下的uni-id-pages和uni-im页面也会打包到主包里（主包里面的vendor.js会打包所有主包里面的页面与插件的js文件），所以导致了主包里面的vendor.js在分包打包后依旧过大。但是如果你的微信小程序在uni_modles下引入了非常多的uni插件，比如说：uni-id-pages,uni-im,uSearch,uni-pay等uni全家桶。通过vue语法，将所有的组件导入到所有的页面（为了方便）

vue vendor.js文件过大问题

qq_42248520的博客

06-17

302

vue vendor.js文件过大问题

mpvue踩坑之vendor.js过大问题

julywind1的专栏

06-18

3529

开发环境下，引入一定量包后，会出现打包失败的问题（因为vendor.js过大）查看了webpack后发现,因为是开发环境,所以没进行UglifyJs压缩,所以解决的方法来了,引入UglifyJs插件修改build目录下的webpack.dev.conf.js配置文件，前面添加插件的引入， var UglifyJsPlugin = require('uglifyjs-webpack-p...

Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案