本页目录

跨端适配

文件同构

工程体系中,可通过文件后缀形式编写特定平台的逻辑。

  • .tsx 通配
  • .web.tsx Web 平台
  • .mini.tsx 小程序平台
    • .wechat.tsx 微信小程序
    • .tuya.tsx 智能小程序

通过 CLI 命令 --target 参数,指定构建和调试的目标平台,然后按优先级(从下至上)加载对应的文件。

运行时

通过运行时环境变量区分。

import {
  isWeb,
  isWechat,
  isTuya,
  isMiniProgram,
  isIOS,
  isAndroid,
  isNative,
} from '@ray-js/env';

示例:

import { isTuya, isWechat } from '@ray-js/env';

export function say() {
  if (isTuya) {
    // 智能小程序逻辑
  } else if (isWechat) {
    // 微信小程序逻辑
  } else {
    //
  }
}