小程序开发干货技巧:如何瘦身你的微信小程序？

众所周知，微信小程序发布时，提交的代码有2 MB的限制。因此，如果您正在编写一个功能稍微复杂的小程序，您必须始终小心查看您的代码是否会触及这一底线。

在设计一个小程序的开始，我们需要关注这一点。例如，我们可以采取一些措施来避免过早遇到这个问题。

避免使用大型本地图片和大型资源文件。

请避免在小程序的UI上使用大图片。你应该尽可能用颜色风格来装饰你的小程序。

或者，用小巧精致的图标装饰一下。

如果真的要用大图，就不要放在小程序的本地代码里。您应该从远程网址加载图片。

通过这些措施，我们可以避免打包大图片、大资源文件等。小程序的分发包。

不要让你的代码过于冗长。

在JavaScript代码层面，请仔细考虑您的代码逻辑。不要写很多简单的逻辑，请优化和精简你的代码。

在视图级别，尽量避免不必要的组件嵌套。如果一个视图可以使用，不要设置另一个视图。这有利于减少代码大小和代码性能。

使用工具压缩优化的代码。

在如今HTML5等Web前端项目的开发和发布中，我们通常会使用一些前端工程工具来处理我们的代码，比如glaw，结合一些功能插件，比如Uglify、CSS Nano、HTML min等。使用这些工具，我们可以将代码的大小减少很多(大约20%~30%)。

幸运的是，这些工具对小程序开发也完全有用！通过简单地使用这些工具，我们可以减少如此多的代码，为什么不呢？

在小程序中，我们大致有几种类型的文件可以通过工具进行优化：

JSON文件：我们可以使用JSON minify对JSON文件进行压缩，去除JSON文件中的冗余空间。

JavaScript文件：使用uglify优化语法，压缩JS代码的文本。

WXML文件：使用htmlmin，可以清理多余的空格、注释等。在WXML文件中。

WXSS文件：可以使用LESS提供的功能在小程序中合并全局WXSS；用CSS Nano清理压缩WXSS文件；使用AutoPrefixer将不同环境中的前缀添加到WXSS中，以实现良好的兼容性。

Image: Imagemin可用于优化图像文件的大小。