Skip to content
On this page

介绍

这是一款为压缩小程序容量而生的小程序代码精简压缩器。

npm:https://www.npmjs.com/package/weappmin

目前 weappmin 有 3 大功能,列举如下。

一、精简小程序第三方组件库

先说明两个概念:

  • 直接组件:usingComponents字段里填写的所有组件

  • 依赖组件:直接组件依赖的其他所有组件

weappmin 会精简第三方组件库中用不到的组件,只保留直接组件和它们的依赖组件。

weappmin 精简工作原理是:

先从项目的几个 .json 文件中抓取直接组件,然后计算各个直接组件的依赖组件,最后从/node_modules/目录的第三方组件库拷贝必需的直接组件和依赖组件到/wxcomponents/目录(也可能是其他/xxcomponents/目录)。

二、压缩 JS 文件和 CSS 文件

weappmin 可以压缩 uni-app 项目的/unpackage/下的 JS 文件和各家小程序平台的 CSS 文件,如微信小程序是 .wxss 文件。

由于小程序开发者工具在使用工具栏的“预览”功能时不会压缩代码(估计是为了节省时间),从而导致代码容量可能超限,比如可能会遇到/common/vendor.js超容量的提示,为解决此问题,weappmin 提供压缩代码文件的功能,注意,只针对/unpackage/dist/dev/目录下的 JS 和 CSS 文件。

三、压缩 .jpg/.jpeg/.png/.svg 文件

weappmin 可以压缩 uni-app 或原生项目的/static/(或其他任意目录)下的 .jpg/.jpeg/.png/.svg 文件,且高保真。

压缩图片文件属于常见需求,不多解释。

附录:精简组件库功能的支持范围

  • 支持的操作系统:Windows、MacOS

  • 支持的开发模式:uni-app 小程序、原生小程序,暂不支持 Taro,下个大版本开始支持

  • 支持的第三方组件库(如有组件库提供 ES6 和 ES5 双版本的,只取 ES5 版本):

    • 微信小程序、QQ 小程序组件库:

      • @vant/weapp ☆☆☆☆☆ 推荐

      • iview-weapp ☆☆

      • kai-ui ☆☆

      • mitoo-weapp

      • wuss-weapp ☆☆☆

      • wux-weapp ☆☆☆☆ 推荐

    • 支付宝、淘宝、钉钉小程序组件库:

      • mini-ali-ui ☆☆☆☆ 推荐
    • 百度、字节、快手小程序

      • 目前不支持

更新日期:

杨亮的前端解决方案