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

如何解决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中了,亲测管用

以上为个人经验,希望能给大家一个参考,也希望大家多多支持易知道(ezd.cc)。

推荐阅读