uview-ui打包后太大，严重占用主包体积如何解决

最新推荐文章于 2024-08-01 16:41:10 发布

娄渊洋

最新推荐文章于 2024-08-01 16:41:10 发布

阅读量7.3k

点赞数 1

文章标签：微信小程序小程序 uview

本文链接：https://blog.csdn.net/slife4599/article/details/125372012

版权

针对uViewUi包体积过大的问题，主要原因是uni.scss全局样式文件过于庞大。解决方案是精简uni.scss中的无用样式，避免删除uView所需的样式。同时，结合微信小程序的分包策略进行优化，以减少主包体积。通过以上措施，可以有效降低uView组件包的大小，提升应用加载速度。

摘要由CSDN通过智能技术生成

编译完后，uviewUi 的包依然很大，甚至达到1.5~2.0M,严重占用了主包体积，解决方案！

这块99%的原因是，uni.scss,文件编写全局样式过多的造成的，将无用的文件样式删除，uni.scss 样式过多，会直接造成，打完包后的组件 .wxss 文件过大，本身只需要几个字节大小的样式文件，被编译成50~60k 大小，这样当我们项目使用多个uview 组件后，就会造成，uview 组件包的体积成倍增加。解决方案，如下下图:
找到uni.scss 文件
在这里插入图片描述
精简文件样式，自己全局没用到点放心大胆的删，切记uview引入的样式别删除了。

微信小程序分包，和优化详看：uniap微信小程序体积优化