微信小程序-使用 vant-weapp 之后的分包优化

背景

在开发中引入了 vant-weapp 导致项目包过大，真机调试不了，也上传不了，所以只能分包加载了。

实现

首先就是根据官方文档进行分包

但是有可能包体积还是过大，这时候只能进入到 vant-weapp 库的目录下，删除不必要的组件了。

我们在用 npm 安装 vant-weapp 构建后会生成两个文件夹

这两个文件的区别，官网也说明了：

node_modules 目录不会参与编译、上传和打包中

miniprogram_npm 目录，里面会存放构建打包后的 npm 包，也就是小程序真正使用的 npm 包。

在 miniprogram_npm 中找到 vant-weapp 库，删除一些没用到的组件。最后记得在开发者工具中点击 编译 ，或者重启开发者工具自动编译，才能看到分包后各个包的大小。

注意事项

• 路径问题：分包之后，页面跳转路径，图片路径，以及 templates 模板的路径都要检查。

参考