uniapp程序包大

优化 Uniapp 程序包大小的方法

压缩静态资源
图片、音频等静态资源是导致包体积增大的常见原因。使用工具如 TinyPNG 压缩图片，音频转换为更高效的格式（如 MP3）。在 manifest.json 中配置资源压缩策略。

启用分包加载
通过分包将非核心页面或组件拆分为独立子包，减少主包体积。在 manifest.json 中配置 subPackages，按需加载子包。例如：

"subPackages": [
  {
    "root": "pages/sub",
    "pages": ["detail", "user"]
  }
]

清理未使用的代码和组件
通过代码分析工具（如 Webpack Bundle Analyzer）检查冗余依赖或未引用的组件。删除无用代码，避免全局引入大型库（如 lodash），改为按需引入。

使用条件编译
通过 #ifdef 和 #ifndef 区分平台专属代码，避免非目标平台的代码被打包。例如：

// #ifdef H5
console.log('仅H5平台生效');
// #endif

优化第三方库
替换体积较大的库为轻量替代方案（如 day.js 替代 moment.js）。使用 CDN 引入非必要库，减少本地打包体积。

启用代码混淆和压缩
在发行构建时开启代码混淆（Terser）和压缩，减少空白字符和缩短变量名。在 vue.config.js 中配置：

module.exports = {
  configureWebpack: {
    optimization: {
      minimize: true
    }
  }
}

动态加载组件
使用 uni.requireDynamicModule 或 import() 动态加载非首屏组件，延迟加载逻辑。例如：

const module = await import('@/components/heavy-component.vue');

定期监控包体积
通过 uni-app 官方 CLI 或第三方插件（如 webpack-bundle-analyzer）定期分析包构成，针对性优化高频增长模块。