一开始学习的时候，在最后发布的时候居然微信小程序还有各种限制，什么主包大小，依赖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什么的也没多大，就解决了。

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

微信小程序项目优化（初学者）相关推荐

微信小程序性能优化之一
微信小程序性能优化之一原文:微信小程序性能优化之一性能优化界面和业务逻辑之间事件交互小程序调用native Native回调小程序图片源文件优化渲染优化 ----------------- ...
健康菜谱微信小程序+项目前后台源码（JavaSSM+Mysql）
博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称健康菜谱微信小程序+项目前后台源码(JavaSSM+Mysql) 视频效果 ht ...
视频教程-微信小程序项目实战之我画你猜视频课程-微信开发
微信小程序项目实战之我画你猜视频课程精通PHP软件开发和WEB前端开发技术,熟悉PHP.Java.Javascript.HTML等语言,熟悉HTTP协议及W3C相关互联网规范,曾在山西某知名公司担任 ...
微信小程序云开发初学者入门教程一
微信小程序云开发初学者入门教程一(云开发环境搭建) 本教程适合刚刚入门的小白,云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现 ...
原生微信小程序项目基础框架搭建
原生微信小程序项目基础框架搭建文件目录结构 1. 环境变量(开发环境, 线上环境,测试环境)便于在不同环境的切换接口的url webview的前缀url 埋点相关的环境参数本地存储的环境变量配置 ...
微信小程序项目开发实战：用WePY、mpvue、Taro打造高效的小程序》（笔记4）支持React.js语法的Taro框架
Taro的编写代码方式和mpvue.WePY框架最大的一个差别就是,Taro并不是基于Vue.js的语法规范,而是遵循React语法规范,它采用与React一致的组件化思想,组件生命周期与React保 ...
微信小程序项目实战之天气预报
概述微信小程序项目实战之天气预报详细代码下载:http://www.demodashi.com/demo/10634.html 一.准备工作 1.注册微信小程序 2.注册和风天气账号 3.注册百 ...
微信小程序项目实战之豆瓣天气
概述微信小程序项目实战之豆瓣天气详细代码下载:http://www.demodashi.com/demo/10943.html 一.准备工作 1.注册微信小程序 2.在小程序设置中设置reque ...
集易市场微信小程序项目
由一个团队共同打造一个为集美大学大学生服务的二手书交易平台文章目录前言一.技术栈二.发布流程 1.扫码isbn并获取检测 2.调用云函数添加书籍 3.微信支付总结前言本文主要介绍集易市场 ...

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