当前位置:主页 > 网页前端 > vue >

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

时间:2022-07-19 10:18:02 | 栏目:vue | 点击:

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

前景

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

运行后发现

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

小程序分包后vendor还是过大

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

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

添加以下代码

"optimization": {
    "subPackages": true
}

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

您可能感兴趣的文章:

相关文章