/react-boilerplate

基于 CRA5 和 typescript 新建的项目模板

Primary LanguageTypeScript

react-spa-template

基于最新版 create-react-app 搭建的单页面项目模板

功能特性

  • 开箱即用的项目模板
  • 具备良好的构建配置（webpack配置优化以及相关插件融合、项目信息输出等）
  • 预设高质量依赖（axios/ahooks/...）
  • 代码检查和质量保证（eslint/stylelint）
  • 代码风格统一（prettier/commitlint/.husky/editorConfig/.vscode）
  • 环境配置（dotenv）
  • Mock server（mockjs）
  • 异常监控（sentry）
  • 单元测试（jest）
  • 其他
    • 快捷路径 alias
    • less + css module

项目结构

env             # 环境配置文件
src
├─ __tests__    # 测试用例
├─ assets       # 静态资源（图标、图片、...）
├─ mock         # mock-server、mock 数据
├─ routers      # 路由配置和文件
├─ service      # 接口配置和调用函数
├─ utils        # 工具函数
├─ components   # 公共组件
├─ views        # 页面
│  └─ home
│     ├─ index.tsx
│     └─ index.module.less
├─ App.tsx
├─ index.tsx
config-overrides.js  # webpack 扩展配置
package.json
yarn.lock
# ...此处省略了一些配置文件

注意

  • vscode 需要安装 eslint、prettier、stylelint 插件

最后

该项目会持续更新，欢迎 comment ~