微信小程序开发

我最近在做微信小程序, 使用的是uni-app框架,想着之前有 App的代码,如果拿来用的话是不是美滋滋,然后我就这么做了。一顿操作猛如虎胡,结果真机调试 预览都不好使, 提示我文件大于2M限制

分包处理

我发打开 小程序文档,按照文档我又是一顿操作猛如虎。同时还将分包引用的组件放到对应的分包中 运行起来后文件确实小了。但是主包和分包还是有部分文件超过显示超过2M的限制大小。 原来我没有配置分包优化。

分包优化

在manifest.json配置文件中 mp-weixi里添加如下代码

"mp-weixin" : {
        /* 小程序特有相关 */
        "optimization" : {
            "subPackages" : true
        }
    }

做完修改,打开小程序开发工具点击右上角的详情> 代码依赖分析 我们可以看出打包后的那些文件体积较大。(我还想看看能不能把代码的压缩做的更狠一点)
小程序开发工具
下图是我项目的全部包,
在这里插入图片描述
好像除了可以把 第三方引入的js 改成在线的。其他的也没啥了,但是 不知道你有没有注意图中那些原谅色的小框框。我很好奇是什么。点进去发现原来是样式文件。好也没什么。 但是我有个页面就定义了一个样式 包括style标签 样式部分内容就 5行, 特喵的打包后拆分出100K的样式文件。这我就忍不了了。代开代码进行对比分析。最后我发现原来是css使用了sass 编译导致的。
抛弃掉sass 我pages 包由404K 降到了108K
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值