uni-app编译后vendor.js文件过大怎么解决

这篇文章主要讲解了“uni-app编译后vendor.js文件过大怎么解决”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“uni-app编译后vendor.js文件过大怎么解决”吧！

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中了，亲测管用

感谢各位的阅读，以上就是“uni-app编译后vendor.js文件过大怎么解决”的内容了，经过本文的学习后，相信大家对uni-app编译后vendor.js文件过大怎么解决这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！