uniapp本地开发小程序代码超过2M,不能预览和真机调试解决办法

uniapp本地开发小程序代码超过2M,不能预览和真机调试解决办法

参照官方文档uniapp官方文档
做出了如下调整:
看了一下项目是因为生成的公共代码过大,vendor.js有1M多,根据文档,开启了运行时压缩
根据文档的描述,添加了--minimize
发现还是不行,后面发现是要改变运行方式,不能用之前的运行->运行到小程序模拟器来执行,否则不会生效
改成终端的方式运行,运行->运行到终端,选择 dev:mp-weixin,然后在微信开发工具打开dev中的代码预览就好了

如果包的内容过大,可以参照官方文档,做分包处理
做分包处理,需要注意官方的文档,需要在manifest,json,加上"optimization":{“subPackages”:true}才能释放分包资源
在这里插入图片描述

如果vendor.js很大,可以安装webpack-bundle-analyzer插件查看文件大小再去优化,在vue.config文件配置,使用的时候在打包命令后面加 --report字段,比如:“dev:mp-weixin”: “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize --report”,便可以在打包的时候查看各个文件大小,我分析了之后主要还是因为本地图片没有压缩过,暂用挺大空间,后面在保证图片清晰的前提下压缩了图片,减少了vendor.js的大小
module.exports = { chainWebpack: config => { // 查看打包文件体积大小 config .plugin('webpack-bundle-analyzer') .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin); } };
如下图:
在这里插入图片描述

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值