基本操作
create-react-app 项目名 --template typescript
yarn add antd@3.22.0 axios@0.21.1
yarn add -D react-app-rewired customize-cra @babel/plugin-proposal-decorators
const { override, addDecoratorsLegacy } = require("customize-cra")
module.exports = override(
addDecoratorsLegacy()
)
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test --env=jsdom",
yarn add mobx@3.6.2 mobx-react@4.4.3
...其他配置...
目录结构
src
*components
*models
*pages
*stores
constants
utils
components 存放公共组件,每个组件一个文件(首字母大写)
models 存放后端接口
pages 存放展示页面,每个页面一个文件(首字母大写)
stores 保存全局状态,里面文件(首字母大写)
constants 存放常量
utils 存放工具类