- 使用 Gitpod 体验在线开发环境
- 克隆到本地
# clone git clone https://github.com/JS-banana/webpack-react-ts # install yarn install # dev serve yarn dev
- 支持
Typescript
- 支持
React
、JSX
语法 - 支持
ES6
语法 - 支持
Less module
- 支持
Eslint
、Prettier
、Pre-commit hook
- 支持
HMR
快速热更新 - 支持
Antd
按需引入与主题样式覆盖 - 支持
Proxy
代理、alias
别名
├── .husky // git hook 配置文件 ├── dist // 默认的 build 输出目录 ├── config // 全局配置文件 ├── public // 静态文件 ├── test // 测试文件 └── src // 源码目录 ├── assets // 公共的文件(如image、css、font等) ├── components // 项目组件 ├── constants // 常量/接口地址等 ├── layout // 全局布局 ├── routes // 路由 ├── store // 状态管理器 ├── utils // 工具库 ├── pages // 页面模块 ├── Home // Home模块,建议组件统一大写开头 ├── ... ├── App.tsx // react顶层文件 ├── index.ts // 项目入口文件 ├── typing.d.ts // ts类型文件 ├── .editorconfig // IDE格式规范 ├── .env // 环境变量 ├── .eslintignore // eslint忽略 ├── .eslintrc // eslint配置文件 ├── .gitignore // git忽略 ├── .npmrc // npm配置文件 ├── .prettierignore // prettierc忽略 ├── .prettierrc // prettierc配置文件 ├── .stylelintrc // stylelint配置文件 ├── .babel.config.js // babel配置文件 ├── commitlint.config.js // git commit lint 配置文件 ├── LICENSE.md // LICENSE ├── package.json // package ├── postcss.config.js // postcss ├── README.md // README ├── setupEnzyme.ts // enzyme 测试配置文件 ├── tsconfig.eslint.json // eslint拓展typescript配置文件 └── tsconfig.json // tsconfig
- 2021-08-19:lint 配置调整优化
- 2021-08-26:热更新调整、bug fix
- 热更新插件 react-hot-loader 改用 react-refresh
- history 实例由 react-router-dom/useHistory 改用 history/createBrowserHistory,解决 history 为 undefined 问题