简洁手机购物网站会员中心模板,网站特效漂亮的网站,继续教育网站怎么做不了作业,京津冀协同发展战略以一、前言
在之前文章《uniapp: 微信小程序包体积超过2M的优化方法#xff08;主包从2.7M优化到1.5M以内#xff09;》中#xff0c;提到了6种优化小程序包体积的方法#xff0c;但并没有涉及如何分析common/vender.js这个文件的优化#xff0c;而这个文件的大小通常情况下…一、前言
在之前文章《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.jsimport { visualizer } from rollup-plugin-visualizerexport default defineConfig({plugins: [visualizer({open: true})]})运行后 可以发现子包subPages中引入的lodash依赖被打包到vender.js中。
至于为何hbuilderx4.29会如此目前还不确定 为了减少vender.js大小就必须剔除lodash所幸项目只用到个别方法在替换上并不费劲。 最后看一下优化后的效果lodash确实已经消失
