微信小程序项目优化（初学者）

一开始学习的时候，在最后发布的时候居然微信小程序还有各种限制，什么主包大小，依赖js文件，还有静态资源什么的。在之前学的时候，也不注意这些，但是微信小程序，主打的产品就是免安装，一下子就能打开，所以对代码质量有要求，这方面也是作为一个程序员很重要的点。写了uni-app与原生云音乐项目之后，我有一点解决这些办法的小心得。

 一、主包大小

        关于主包大小的解决方法，首先要了解什么应该放在主包，把tabBar页面放在主包，而其他的可以放在分包，但放分包又要涉及到普通与独立分包，独立分包就是当你分享给别人可以单独打开的，独立与tabBar页面的，这里不多展开。大概目录像这样，然后可以在小程序的官方文档上看如何配置。我这样配也是最省力，也你偷懒的。

"subpackages": [
    {
      "root": "package",
      "pages": [
        "pages/login/login",
        "pages/recommendSong/recommendSong",
        "pages/search/search",
        "pages/songDetail/songDetail"
      ]
    }
  ],

 

二、依赖文件

        开发者工具也以找到无依赖的文件，直接删除就好了。还有就是依赖的npm包，因为我这个tabBar页面没有用到，所以把构建npm生成的文件夹我直接拖到了分包里即可。

三、代码压缩

在小程序开发者工具中可以设置。

 四、按需注入

在app.json中配置即可

 "lazyCodeLoading": "requiredComponents"

五、音频等静态资源

现在是不能超过200K，但是我这个项目中引入的几个jpg图片就50k一个了，所以要上传到CDN，然后引入，我是用的七牛云存储。然后剩下的几个icon什么的也没多大，就解决了。

 总体来说，是增加了我个人的经验，或许那些上手实习，有大厂项目组里的大佬的帮助的大佬看不上，但这是我一点点自己网上搜、看官方文档解决的一些问题。只要有心，很多要求都是可以满足（当然不包括网上传言一些甲方的无理需要）。