# Taro3_Nutui_React_Redux_Tailwindcss

**Repository Path**: WestGG/Taro3_Nutui_React_Redux_Tailwindcss

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-04-27
- **Last Updated**: 2025-05-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

## 启动方式

1、yarn install

2、内置 mock-server 服务，可通过修改 config/dev.ts 中的 mockServer 字段控制是否启用 mock-server 服务，默认启用，线上环境建议关闭。

3、本地启动小程序，执行 yarn dev:weapp, 然后使用开发者工具打开目录 dist
小程序开发者工具访问本地 mock-server 服务，需要在右上方详情-本地设置，勾选“不校验合法域名、WEB（业务域名）...”
本地启动 H5，执行 yarn dev:h5
微信公众号使用开发者工具开发域名访问
环境变量配置在根目录 config/dev.ts 中

4、小程序打包，先配置好 config/prod.ts APPID，然后执行 yarn build:weapp
H5 打包，执行 yarn build:h5

## 项目目录

#### src/api 全局 Api 接口

#### assets/img 全局 图片存放地址，建议上线后将图片传 OSS 或 CDN 上，减少包体积及加载速度

#### assets/styles 全局样式，页面私有样式请以私有模块化 module 方式在页面同级建立 index.module.less 方式引入，尽量使用 tailwindcss 语法编辑样式

#### components/layout 页面公共入口，任何页面建议统一包裹。

#### components/list 上拉/下拉刷新列表组件

#### components/skeleton 骨架屏

#### lib/auth/index 登录权限相关方法

#### lib/auth/wechat-mini-program-utils 小程序认证授权相关方法

#### lib/auth/wechat 公众号认证授权相关方法

#### lib/request 小程序/h5 全局请求封装

#### pages 主包页面，注意首页底部 tabs 页面必须在主包里面

#### sub_common 分包页面，包含一些主要的功能页面

#### sub_independent 独立分包，完全独立的业务，不共享公共数据和文件

#### store 全局数据状态存贮，

#### store/user 全局用户状态数据，包括 token 登录令牌以及 userInfo 登录用户信息等

#### store/system 全局系统配置，目前包含全局底部弹出微信用户授权获取个人信息弹窗功能