Skip to content

Repository files navigation

mult-mini-pro(TARO 移动多端项目架构模板)

目前只适用于 H5 端及微信小程序

该项目以 taro 为底层前端框架,以 Taro-ui 为 UI 组件库,React hooks 编写前端业务组件,以TypeScript 做为静态类型检查,包含完整的前端多端工程化实践。

版本

目录结构

|-- mult-mini-pro
    |-- .editorconfig
    |-- .eslintrc
    |-- .gitignore
    |-- README.md
    |-- babel.config.js
    |-- global.d.ts                         # 全局声明文件
    |-- package-lock.json
    |-- package.json
    |-- project.config.json                 # 项目配置文件(小程序 appid 等)
    |-- tsconfig.json                       # ts 配置
    |-- yarn.lock
    |-- config                              # 配置目录
    |   |-- dev.js                          # 开发时配置
    |   |-- index.js                        # 默认配置
    |   |-- prod.js                         # 打包时配置
    |-- dist                                # 编译结果目录
    |-- src
        |-- app.config.ts                   # 项目配置
        |-- app.scss                        # 全局样式
        |-- app.tsx                         # app 主入口文件
        |-- index.html                      # h5 外部文件
        |-- asset                           # 本地静态资源
        |-- components                      # 业务通用组件
        |-- subpackages                     # 组件示例页面
        |-- models                          # 全局 model
        |-- pages                           # 页面文件目录
        |-- utils                           # 全局方法文件目录

快速开始

Install dependencies

$ npm install
$ yarn

Start the dev server

$ yarn run dev:h5
$ yarn run dev:weapp

模版自带组件

  • custom-tab-bar
  • pageContainer
  • pageNav
  • scrollList
  • swipeAction
  • actionSheet

注意事项

示例小程序

名称:郝兜兜的组件库

TARO组件

About

移动多端项目架构模板,基于京东 Taro 构建(目前只测试适用于 H5 及小程序)

Resources

Stars

8 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages