咱今天就来聊聊一个让hen多小程序开发者头疼的问题：主包体积太大，导致小程序加载速度慢，用户体验差。你懂的，这个问题啊，跟咱们小程序的体积控制息息相关。别慌，今天咱们就来一步一步地kankan如何通过分包技术，把那些没用到的依赖打包到分包中，从而减小主包体积。

简单来说分包就是把一个应用拆分成多个小的独立模块。就像咱们一家大公司一样，把不同的部门划分开来每个部门负责一部分工作。这样Ke以提高效率、降低成本。在小程序开发中，分包的作用就是把应用的不同功Neng模块拆分成不同的包，然后通过一定的机制来实现它们之间的互联互通。

你可Neng觉得这听起来挺复杂吧？其实呢，主要原因就是为了解决主包体积过大这个问题。要知道啊，hen多小程序dou会用到各种各样的第三方库和插件。这些库和插件里的代码啊，有些可Neng只是在你的小程序里用了一点点，但却占用了大量的空间。Ru果把所有的代码dou打包到主包里那主包体积就会变得非常巨大。

以前的版本啊，小程序端不支持分包引用的 node_modules 依赖打包到分包中。也就是说你就算想把某些依赖打包到分包里也得自己搞死。那可真是麻烦了！

但是！ 版本开始啊，情况就变了！它支持分包引用的 node_modules 依赖打包到分包中啦！这简直是太棒了！有了这个功Neng啊，咱们就Ke以像真正的“拆箱”一样把不需要的代码打包到相应的子目录里。

进入到你的项目根目录

创建一个 package.json 文件。这个文件里面要写清楚你需要用到的依赖信息

安装这些依赖项

这一步hen重要哦！要仔细梳理一下哪些依赖是你的主包需要的，哪些是你的子应用需要的。只有这样才Neng确保只把真正需要的代码打包进去。

{
    "mp-weixin": {
        "optimization": {
            "subPackages": true
        }
    }
}

下面我们来kankan是如何解决这种问题的。你Ke以点击这里获取一个测试项目：

你kan呀！在这个例子里, lodash-es 的三个函数dou被打包到了主项目的 vendor.js 文件里了。这就是所谓的“分包”啦！

我们举个简单的例子：你的主项目需要用到 lodash-es 的 add 和 subtract 函数。而你的子项目只需要用到 lodash-es 的 multiply 函数。那么呢？咱们就Ke以把 lodash-es 的 multiply 函数单独打包到一个子项目中去。

在 manifest.json 文件中添加如下配置：

例如:

重新进行构建即可