uniapp: vite配置rollup-plugin-visualizer举行小程序依靠可视化分析淘汰ve
一、前言在之前文章《uniapp: 微信小程序包体积超过2M的优化方法（主包从2.7M优化到1.5M以内）》中，提到了6种优化小程序包体积的方法，但并没有涉及如何分析common/vender.js这个文件的优化，而这个文件的巨细通常情况下都比较大。
在《uniapp: 微信小程序包体积超过2M的优化方法（主包从2.7M优化到1.5M以内）》文章中提到分包优化的方法，其中有一个配置如下：
"optimization" : {
"subpackages" : true
}
这段配置是防止子包的组件和js文件会被打包到主包的vendor.js文件中而导致vendor.js文件过大。
但实际实践后发现，依然存在子包内引入的js被打包到vendor.js文件中。如何确定这个问题，就需要利用rollup-plugin-visualizer插件举行分析。
二、rollup-plugin-visualizer配置及利用
// vite.config.js
import { visualizer } from 'rollup-plugin-visualizer'
export default defineConfig({
plugins: [
visualizer({open: true})
]
})
运行后：
https://i-blog.csdnimg.cn/direct/e27f70c4a4984fbc84bb51deca0aa91b.png
可以发现子包subPages中引入的lodash依靠被打包到vender.js中。
至于为何hbuilderx（4.29）会如此，目前还不确定：
https://i-blog.csdnimg.cn/direct/33969179cf8648409f2f4cfe5b2cbe87.png
为了淘汰vender.js巨细，就必须剔除lodash，所幸项目只用到个别方法，在替换上并不费劲。
最后看一下优化后的效果，lodash确实已经消失：
https://i-blog.csdnimg.cn/direct/21c7dec8424443278ee65034e10e5bd2.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]