如何解决uni-app编译后 vendor.js 文件过大

目录

• uni-app编译后vendor.js文件过大
• 前景
• 运行后发现
• 小程序分包后vendor还是过大
• 添加以下代码

uni-app编译后vendor.js文件过大

前景

采用uni-app开发的微信小程序，发布时工具提示vendor.js过大，已经跳过es6向es5转换。查看后发现编译后代码中common/vendor.js已超过500k，所以需要体积控制。

• HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码
• 使用cli创建的项目，可以在pacakge.json中添加参数–minimize，示例：“dev:mp-weixin”: “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize”

运行后发现

vendor.js文件减少到了二百多k。

小程序分包后vendor还是过大

使用分包之后会发现遇到了一个奇怪的问题，子包的组件和js文件会被打包到主包的vendor.js文件中，这就导致了vendor.js过大引起主包超过2M

打开manifest.json —> 源码视图 —> mp-weixin节点下

添加以下代码

"optimization": {
    "subPackages": true
}

会发现分包的js文件将不会再打包到主包的vendor.js中了，亲测管用

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。