微信小程序瘦身几个方面

微信小程序在发布的时候，对提交的代码有 2 MB 大小的限制。

在设计一个小程序之初，我们就需要重点考虑这一点。例如，我们可以采取一些方法，避免过早遭遇这个问题。

1. 1. 避免使用本地大图片、大资源文件

      最好是从服务器获取，远程 URL 地址加载图片。如果是图标的话，建议使用网络图标，如阿里图标使用也很方便。

   2. 优化代码逻辑

      这个可能要求有一点高，减少不必要的代码，避免出现重复的代码。对减少代码尺寸和代码性能都是有好处的。

      在JavaScript代码层面，不要把一个很简单的逻辑洋洋洒洒的写了一大堆，请优化和精简你的代码。

      在视图层面，尽量避免不必要的组件嵌套，能用一个 view 做到的，就不要再多套一层 view。

1. 复用页面，如模板

   正常的开发页面都要尽量分开便于维护，但是在小程序中多一个页面可就多生成4个文件呢。所以当你无法再优化和精简你的代码的时候，选择具有相同功能的页面尽量复用吧。

2. 使用工具压缩优化代码

   HTML5 等 Web 前端项目的开发和发布中，我们通常会通过使用一些前端工程化工具来处理我们的代码，比如使用 Gulp，结合一些功能插件，如：Uglify、CSS Nano、HTML min 等。使用这些工具，可以让我们的代码尺寸小上那么一大截（大约 20%~30%）。

   这些工具对小程序开发来说，也完全管用！通过简单的使用这些工具，就能让我们的代码减小那么多，何乐而不为呢。

   在小程序中，我们大致有这么几类可以使用工具进行优化的文件：

   a.JSON文件：我们可以使用JSON minify来压缩JSON文件，去除JSON文件中多余的空格

   b.JavaScript文件：使用uglify，对JS代码进行语法优化和文本压缩

   c.WXML文件：使用htmlmin，可以对WXML文件中多余的空格，注释等进行清理

   d.WXSS文件：可以使用LESS提供的特性，对小程序中的全局WXSS进行合并；使用CSS Nano对WXSS文件进行清理和压缩；使用AutoPrefixer对WXSS添加不同环境下的前缀，达到良好的兼容性。

   e.图片文件：通过使用Imagemin或网上在线压缩图片网站，可以用来优化图片文件的大小。