当前位置:首页 > 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
  • 微信小程序

    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 指定环境:

# .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 推送实现方法 uniapp 推送功能可以通过多种方式实现,主要包括使用第三方推送服务、原生插件或云服务。以下是几种常见的实现方案: 使用 UniPush 服务 UniPush 是…

uniapp怎么使用

uniapp怎么使用

安装与开发环境搭建 下载HBuilderX作为开发工具,这是官方推荐的IDE,内置uniapp项目模板和调试工具。安装后通过新建项目选择uniapp模板,支持Vue.js语法。确保Node.js环境已…

uniapp 极光推送

uniapp 极光推送

uniapp 集成极光推送的方法 在 uniapp 中集成极光推送,需要使用官方提供的插件或自行封装原生模块。以下是具体实现方式: 使用官方插件 在 uni-app 插件市场搜索「极光推送」插…

uniapp隐藏滚动条

uniapp隐藏滚动条

在UniApp中隐藏滚动条可以通过以下几种方法实现,具体根据使用场景选择: 全局样式设置(APP/H5) 通过修改全局CSS样式隐藏滚动条,适用于所有页面: ::-webkit-scrollb…

uniapp部署到服务器

uniapp部署到服务器

部署准备 确保本地开发环境已完成项目构建,生成静态文件(H5端为/dist/build/h5目录)。检查服务器环境是否安装Nginx/Apache等Web服务软件,并配置好域名解析。 上传文件 通过…

uniapp发布到应用商店

uniapp发布到应用商店

发布到苹果App Store 确保开发者账号已注册并加入Apple Developer Program,年费99美元。在Xcode中生成iOS发布证书(.p12)和描述文件(Provisioning…