# rax-tailwindcss-typescript

**Repository Path**: muaiyuese/rax-tailwindcss-typescript

## Basic Information

- **Project Name**: rax-tailwindcss-typescript
- **Description**: Rax，支持微信小程序、微信公众号、H5 浏览器多端同时适配方案，已分包拆包，不受微信小程序2mb大小限制，含微信小程序、公众号、h5 授权登录认证授权逻辑。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-17
- **Last Updated**: 2023-12-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Rax 方案官方不维护了，不再建议使用，可以使用另外一套 Taro3 搭建的小程序/H5 框架，地址：https://gitee.com/muaiyuese/Taro3_Nutui_React_Redux_Tailwindcss

## Rax，支持微信小程序、微信公众号、H5 浏览器多端同时适配方案，已分包拆包，不受微信小程序 2mb 大小限制，含微信小程序、公众号、h5 授权登录认证授权逻辑。

## 启动方式

1、yarn install

2、cd mock-server // 启动本地 mock 服务

2.1、在 mock-server 目录下执行 yarn install 初始化 mock 服务包

3、cd .. 回到上级目录

4、yarn start:local -- --disable-reload
小程序使用开发者工具打开目录 build/wechat-miniprogram
h5 浏览器直接访问/main.html#/index，关于本地字体文件 localhost 提示跨域问题，将 assets 字体及图片传域名 oss 上可以解决
微信公众号使用开发者工具开发域名访问
小程序及公众号需要配置 appid，/src/settings.js 中“appId”、“wechatAppId”

小程序开发者工具访问本地 mock-server 服务，需要在右上方详情-本地设置，勾选“不校验合法域名、WEB（业务域名）...”

## 指定编译特定分包

npm start -- --mpa-entry=home,about

## rax 框架问题修复

[BUG] <rax 微信小程序开启分包本地启动后>修改任意文件，在微信开发者工具中报热更新错误。
错误内容：
TypeError: Cannot read property 'webpackHotUpdatescf' of undefined
已解决，如果小程序分包模式，通过禁用热更新的方法可以解决以上错误。
// 禁用热更新模块启动
yarn start:local -- --disable-reload

[BUG] 微信刚出的 bind:chooseavatar 事件用 Rax 如何写事件名？
已解决，手动在小程序编译后文件（build/wechat-miniprogram）根目录 render.js\root.wxml 这两个文件添加以下代码。
root.wxml 文件里搜索 onButton，找到对应 DOM 添加如下属性
bindchooseavatar="onButtonChooseAvatar"
render.js 文件里搜索 onButton，找到对应数组里添加以下对象
{
name: 'onButtonChooseAvatar',
eventName: 'chooseAvatar'
}