uniapp生产
Uniapp 生产环境配置
确保项目根目录下的 manifest.json 文件已配置正确的应用名称、版本号和 AppID。生产环境需关闭调试模式,在 manifest.json 中设置 "debug": false。
检查各平台(H5、小程序、App)的发布配置。例如,微信小程序需在 mp-weixin 节点下配置 appid,H5 需配置域名白名单。
代码优化与压缩
使用 @dcloudio/uni-app 提供的打包工具进行代码压缩。运行以下命令生成生产环境代码:
npm run build:prod
启用分包加载以优化首屏速度。在 pages.json 中配置 subPackages 字段,将非必要页面拆分为子包。

静态资源处理
将图片、字体等静态资源上传至 CDN,修改引用路径为绝对地址。使用 uni.uploadFile API 实现资源上传自动化。
配置 Webpack 的 output.publicPath 确保生产环境资源路径正确。在 vue.config.js 中设置:
module.exports = {
configureWebpack: {
output: {
publicPath: 'https://cdn.example.com/'
}
}
}
性能监控与错误收集
集成 Sentry 或 Fundebug 进行错误追踪。在 App.vue 的 onError 生命周期中捕获全局异常:

onError(err) {
uni.request({
url: 'https://api.example.com/log',
method: 'POST',
data: { error: err.stack }
})
}
启用性能统计插件,监控页面加载时间和 API 调用耗时。配置 uni.report 接口上报关键指标。
多平台发布流程
Android 平台需生成签名 APK。使用 JDK 的 keytool 创建签名证书:
keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystore
iOS 发布需配置 App Store Connect 信息。在 Xcode 中设置正确的 Bundle Identifier 和 Provisioning Profile。
微信小程序需通过开发者工具上传代码,提交审核前确保已配置合法的业务域名和服务器域名。






