面板小程序命令行工具介绍

Ray 体系提供配套的工程化解决方案。

由于多端构建的一些客观原因,在构建流程的设计上,必须将工程套件安装在项目内

项目内的依赖至少包含以下内容:

复制代码
{
  "dependencies": {
    "@ray-js/ray": "latest"
  },
  "devDependencies": {
    "@ray-js/cli": "latest"
  }
}

并且安装的版本一致。注意由于 yarn.lock 等其他锁版本的配置造成影响。

提示 :如无法确定,可删除 node_modules 和 yarn.lock 后重装依赖。

命令行调用

在项目内安装完成后,可通过 npx 在终端调用唤起。

复制代码
{
  "devMode": "ray"
}

# 终端调用
npx ray start -t tuya

也可在 package.json 文件的 scripts 中直接使用。

复制代码
{
  "scripts": {
    "start:web": "ray start -t web",
    "start:wechat": "ray start -t wechat",
    "build:web": "ray build -t web",
    "build:wechat": "ray build -t wechat"
  }
}

注意事项

  • 务必保证 @ray-js/* 依赖的版本最新,否则可能出现 bug。
  • 可使用命令 yarn upgrade --scope @ray-js --caret 进行更新操作。

start 启动/预览

启动构建/预览服务,并实时监听项目文件变更。

Tuya MiniApp Tools 自动化执行 start

Tuya MiniApp Tools 可配置启动项目时自动执行 start ,不需要手动在控制台执行 ray start。 project.tuya.json 中配置 devMode: ray,即可在启动项目时关联ray start。

复制代码
{
  "devMode": "ray"
}

命令说明

ray start ./my-app

注意 :其中 my-app 表示项目所在目录。

复制代码
Usage: ray-start [options] [cwd]
 
启动实时编译/预览。
 
Options:
  --source <folder>        源码目录,默认值 src
  --output <folder>        产物目录
  --mini                   启用压缩构建产物,默认值 true
  --no-mini                禁用压缩构建产物
  -t --target <target>     目标平台
  -a --analyze             开启 analyze 分析,默认值 false
  --type <type>            构建类型,可选值 app 和 component,默认值 app
  --transform-mode <mode>  组件转换类型,可选值 auto 和 pure,默认值 auto
  -h, --help               Display help for this command

Options

source

项目源码目录,默认为 src。

output

构建产物生成目录。

mini

开启后会将生成文件进行一定程度的压缩,会牺牲一定的编译时间。由于 Tuya MiniApp Tools 的限制,启用压缩后一般可符合上传要求。build 模式下默认开启 mini。

注意 : dev 模式下的压缩不等同于 build 模式,实际应用体积大小应以 build 结果为准。

no-mini

禁用压缩构建产物。

target

目标平台,可选值 web、wechat、tuya、ios 和 android。

analyze

启用 analyze 可视化分析。详细信息,参考 Webpack Bundle Analyzer

type

构建类型,可选值 app 和 component。

transform-mode

组件转换类型,仅在类型为 component 下有效。 可选值 auto 和 pure。

build 构建/预览

生成可用于生产环境部署的代码。

Tuya MiniApp Tools 自动化执行 build

Tuya MiniApp Tools 可配置打包时自动执行 build 的功能,不需要手动在控制台执行 ray build。 project.tuya.json 中配置 devMode: ray,即可在上传项目时关联ray build。

复制代码
{
  "devMode": "ray"
}

命令说明

ray build ./my-app

注意 :其中 my-app 表示项目所在目录。

复制代码
Usage: ray-build [options] [cwd]
 
执行构建应用/组件
 
Options:
  --source <folder>        源码目录,默认值 src
  --output <folder>        产物目录
  --mini                   启用压缩构建产物,默认值 true
  --no-mini                禁用压缩构建产物
  -t --target <target>     目标平台
  -a --analyze             开启 analyze 分析,默认值 false
  --type <type>            构建类型,可选值 app 和 component,默认值 app
  --transform-mode <mode>  组件转换类型,可选值 auto 和 pure,默认值 auto
  -h, --help               Display help for this command

Options

source

项目源码目录,默认为 src。

output

构建产物生成目录。

mini

开启后会将生成文件进行一定程度的压缩,会牺牲一定的编译时间。由于 Tuya MiniApp Tool 的限制,启用压缩后一般可符合上传要求。build 模式下默认开启 mini。

注意 : dev 模式下的压缩不等同于 build 模式,实际应用体积大小应以 build 结果为准。

no-mini

禁用压缩构建产物。

target

目标平台,可选值 web、wechat、tuya、ios 和 android。

analyze

启用 analyze 可视化分析。详细信息,参考 Webpack Bundle Analyzer

type

构建类型,可选值 app 和 component。

transform-mode

组件转换类型,仅在类型为 component 下有效。可选值 auto 和 pure。

相关推荐
陈随易4 小时前
在 VSCode 里,把项目一键部署到服务器
前端·后端·程序员
Highcharts.js4 小时前
教程:基于 React + Highcharts 构建一个单页应用程序、按需数据拉取与图表渲染
开发语言·前端·数据结构·react.js·前端框架·highcharts·页面应用
To_OC4 小时前
我被 useState 坑了两次之后,终于把它的脾气摸透了
前端·javascript·react.js
鱼樱前端4 小时前
我用 Claude Code 后,编码效率翻 3 倍。但更值钱的是别的。
前端·后端·ai编程
_lucas5 小时前
给知识库网站接入AI问答
前端·ai编程·全栈
头发还在的女程序员5 小时前
医院陪诊管理系统怎么选择?——2026 年选型避坑与架构参考
java·开发语言·陪诊系统·陪诊app·医院陪诊陪护
前端糕手6 小时前
前端面试题大全:JavaScript + Vue3 + React + TypeScript + 工程化 + 性能优化
前端
CodeStats6 小时前
【Spring事务】Spring事务注解 @Transactional 完整体系:从 MySQL 隔离级别到 MyBatis 原理详解
java·spring·mybatis·事务·transactional
我命由我123456 小时前
Android 开发问题:为 PDFView 设置一个带有黑色边框的背景 drawable,但边框没有生效
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
我不叫武7 小时前
一个用 Rust 写的离线编码查询桌面工具
前端