【源码】基于 createreactapp 框架的 React + TypeScript 项目模板

项目简介

本项目是基于 create-react-app 框架搭建的 React 项目模板，使用 TypeScript 语言开发。集成了 MobX 状态管理、React Router 路由管理、axios 进行 HTTP 请求处理等技术。具备兼容 IE9+、配置别名、支持 Less 样式、集成 Ant Design 组件库等特性，还支持自定义环境变量以适配不同开发环境。

项目的主要特性和功能

1. 技术栈丰富：运用 TypeScript、React、MobX、React Router、axios 等主流前端技术。
2. 浏览器兼容：通过添加特定 polyfill 实现对 IE9+ 浏览器的兼容。
3. 模块化开发：借助 Webpack 的 alias 配置简化模块引入路径。
4. 样式支持：集成 Less 预处理器，支持全局样式变量和 mixin 的使用。
5. 组件库集成：集成 Ant Design 组件库，便于快速构建用户界面。
6. 开发代理与请求处理：配置 dev - proxy 和 axios 实现 API 请求的代理和简化处理。
7. 环境变量配置：支持自定义环境变量，满足不同开发和部署场景需求。

安装使用步骤

前提条件

确保已安装 Node.js 和 Yarn 包管理器。

安装依赖

进入项目目录，执行以下命令安装项目依赖： bash yarn install

运行项目

执行以下命令启动开发服务器： bash yarn start 项目默认运行在 http://localhost:3000。

其他脚本指令

• yarn start:ie：查看 IE 下的兼容效果。
• yarn build：进行项目打包。
• yarn test：进行项目测试。

注意事项

• 打包后资源引用路径需修改为相对路径，在 package.json 中设置 "homepage": "./"。
• 自定义环境变量可直接在对应模式的文件中添加，获取时使用 process.env。若需强制修改环境变量，可安装 cross - env 插件（选装）。

下载地址

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