uniapp 如何通过命令行打包h5

在 UniApp 中，您可以通过命令行工具快速打包 H5 项目。以下是详细步骤和说明：

打包命令

在项目根目录下执行以下命令：

npm run build:h5

或

yarn build:h5

注意事项

1. 环境要求：

   • 确保已安装 Node.js（建议 14.x 或更高版本）
   • 项目需正确配置 package.json 中的脚本命令

2. 输出路径：

   • 打包后的文件默认生成在 /dist/build/h5 目录下
   • 可直接部署到 Web 服务器使用

3. 自定义配置：

   • 如需修改打包配置（如公共路径、输出目录等），可在 vue.config.js 中调整：

   module.exports = {
     // 修改 H5 打包输出目录示例
     outputDir: 'custom-h5-directory',
     publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
   }
   

4. 跨域问题：

   • 本地调试时若需代理 API，可在 manifest.json 的 h5 字段中配置 devServer.proxy

常见问题

• 若提示命令不存在，请检查 package.json 是否包含 "build:h5": "uni-build --platform h5"
• 生产环境部署后路径错误时，检查 publicPath 配置是否为相对路径 ./

执行命令后控制台会显示构建进度，成功后会输出文件大小和生成路径。