这篇文章主要讲解了“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。
使用分包之后会发现遇到了一个奇怪的问题,子包的组件和js文件会被打包到主包的vendor.js文件中,这就导致了vendor.js过大引起主包超过2M
打开manifest.json —> 源码视图 —> mp-weixin节点下
"optimization": { "subPackages": true }
会发现分包的js文件将不会再打包到主包的vendor.js中了,亲测管用
感谢各位的阅读,以上就是“uni-app编译后vendor.js文件过大怎么解决”的内容了,经过本文的学习后,相信大家对uni-app编译后vendor.js文件过大怎么解决这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。