littlebot
Published on 2025-04-18 / 0 Visits
0

【源码】基于React框架的通用前端模板工程

项目简介

本项目是一个通用的前端模板工程,基于 create-react-app v3 创建,可用于前端开发和中后台开发。它整合了 react router 等基础组件,作为基础工程能够快速衍生出其他复杂工程模板。

项目的主要特性和功能

  1. 样式处理:支持 SCSS / CSS Modules 样式处理,有公共 SCSS mixins 支持。
  2. 数据请求:基于 fetch 进行数据请求。
  3. 状态管理:支持 mobx 状态管理。
  4. UI 协同:支持 Fusion Design 平台,实现 UI 和前端协同。
  5. 主题配置:支持公共主题可配置。
  6. 代码检查:采用 Eslint / Stylelint / Prettier 进行代码检查,遵循 Markdownlint 规范。
  7. 代码规范:具备代码提交日志规范。
  8. 语法支持:支持装饰器 @、可选链运算符 ?.、空位合并运算符 ??。

安装使用步骤

安装依赖

默认使用 yarn 安装依赖,若 yarn 安装 node - sass 失败,可通过 cnpm 单独安装 node - sass。在项目根目录下执行以下命令: plain yarn

命令行操作

  • 启动开发环境:运行 yarn startnpm start,会自动在浏览器打开 http://localhost:3000,并支持热更新。
  • 生产环境打包:运行 yarn build
  • 进行测试:运行 yarn test
  • 代码提交:运行 yarn commit 进行命令行提交,选择提交类型。
  • 版本管理:运行 yarn version 进行 changlog 及版本管理。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】