Taro

Taro

基于 React Navite （可使用React/Vue/Nerv），支持国内 小程序，h5，安卓，ios 应用。

Taro 的核心分为编译时（Compile Time）和运行时（Runtime）：

1. 编译时：利用 Babel/TypeScript 将源代码转换为各平台的合法指令。
2. 运行时：提供一套适配层，模拟浏览器的 DOM/BOM API，使得 Web 框架（React/Vue）能直接运行在小程序环境。

Develop

docker run --rm -it -w /app -v $(pwd):/app node:22 /bin/bash
npm install -g @tarojs/cli
taro init myApp

# 微信小程序
cd myApp
npm install
yarn add @tarojs/plugin-platform-h5


npm run dev:weapp
npm run build:weapp
npm run build:harmony-hybrid
npm run build:jd
npm run build:alipay
npm run build:h5


# react navite 打包ios，安卓app
npm install @tarojs/rn-runner
npm run dev:rn
npm run build:rn

项目结构：

├── config # 项目编译配置 │ ├── dev.js # 开发环境配置 │ ├── index.js # 默认配置 │ └── prod.js # 生产环境配置 ├── src # 源码目录 │ ├── pages # 页面文件 │ ├── app.config.ts # 全局配置文件 (路由、窗口表现) │ └── app.ts # 项目入口文件 └── package.json

1. 开发建议
   • 跨端差异处理：当需要针对特定平台编写代码时，可使用环境变量 process.env.TARO_ENV（取值：weapp / h5 / rn 等）或使用 .weapp.js / .h5.js 这种特定后缀来实现条件编译。
   • UI 库推荐：
     • React 栈：Taro UI
     • Vue 栈：NutUI (京东风格) 或 Vant Weapp (需配置适配)

Reference

• docs.taro