当前位置:首页 > uni-app

uniapp命令行编译

2026-02-06 16:56:15uni-app

uniapp 命令行编译方法

uniapp 支持通过命令行工具进行项目编译,适用于自动化构建或集成到 CI/CD 流程中。以下是常用的命令行编译方式:

安装依赖 确保已安装 Node.js 和 HBuilderX 命令行工具(cli)。全局安装 @dcloudio/uni-cli

npm install -g @dcloudio/uni-cli

编译到不同平台

  • H5 平台

    npm run build:h5
    # 或使用自定义配置
    uni build --platform h5
  • 微信小程序

    uniapp命令行编译

    npm run build:mp-weixin
    # 或
    uni build --platform mp-weixin
  • App 平台

    npm run build:app-plus
    # 或
    uni build --platform app-plus

自定义配置参数

通过 -- 传递额外参数:

uni build --platform h5 --mode production --dest ./output
  • --mode:指定环境(如 development/production)。
  • --dest:自定义输出目录。

环境变量注入

在项目根目录创建 .env 文件,通过 --mode 指定环境:

uniapp命令行编译

# .env.production
VUE_APP_API_BASE=https://api.example.com

编译时注入变量:

uni build --platform h5 --mode production

自动化脚本示例

package.json 中添加脚本:

{
  "scripts": {
    "build:weapp": "uni build --platform mp-weixin --mode production",
    "build:h5": "uni build --platform h5 --dest ./dist/h5"
  }
}

运行脚本:

npm run build:weapp

注意事项

  • 确保项目已安装必要依赖(如 @dcloudio/uni-ui)。
  • App 平台编译需依赖 HBuilderX,需配置 cli 路径。
  • 小程序平台编译后需手动上传或通过 CI 工具处理。

标签: 命令行uniapp
分享给朋友:

相关文章

uniapp特性

uniapp特性

uniapp的核心特性 跨平台开发 uniapp支持一套代码编译到多个平台,包括iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、字节跳动小程序等。开发者无需为不同平台单独编写代码。…

uniapp $on

uniapp $on

uniapp $on 方法详解 $on 是 UniApp 中用于监听全局事件的 API,常用于跨页面或跨组件通信。它基于 Vue 的事件机制,允许在全局范围内触发和监听自定义事件。 基本语法 uni…

uniapp 编辑

uniapp 编辑

uniapp 编辑功能实现方法 在uniapp中实现编辑功能通常涉及表单处理、数据绑定和状态管理。以下为常见实现方式: 表单数据双向绑定 使用v-model指令实现表单元素与数据的双向绑定: &l…

uniapp 3.0

uniapp 3.0

uniapp 3.0 核心特性 uniapp 3.0 是 DCloud 推出的跨端开发框架升级版本,支持一套代码编译到 iOS、Android、Web 及各类小程序平台。以下为关键特性与使用要点:…

uniapp有用

uniapp有用

Uniapp 的优势 Uniapp 是一款基于 Vue.js 的跨平台开发框架,支持一次开发,多端发布,适用于 iOS、Android、Web、小程序等多个平台。其核心优势包括: 跨平台兼容性:…

uniapp工程

uniapp工程

uniapp工程简介 uniapp是一个基于Vue.js的跨平台开发框架,允许开发者使用一套代码同时生成iOS、Android、H5以及小程序应用。它通过条件编译和平台特性适配,实现多端兼容。 创建…