https://github.com/funnyzak/react-starter
基于 Typescript Webpack 构建 React 应用脚手架。
https://github.com/funnyzak/react-starter
react typescript webpack webpack5
Last synced: about 2 months ago
JSON representation
基于 Typescript Webpack 构建 React 应用脚手架。
- Host: GitHub
- URL: https://github.com/funnyzak/react-starter
- Owner: funnyzak
- License: mit
- Created: 2021-10-23T15:48:19.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-10-22T04:08:47.000Z (over 3 years ago)
- Last Synced: 2025-04-01T12:08:19.736Z (over 1 year ago)
- Topics: react, typescript, webpack, webpack5
- Language: TypeScript
- Homepage:
- Size: 1.97 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Quick Start
## 说明
基于 Typescript Webpack 构建 React 应用脚手架。
- react router 支持
- redux 支持
- babel 支持
- typescript 支持
- react 支持
- sass 支持
- less 支持
- hbs 文件 模板支持
- png|svg|jpg|jpeg|gif 引入支持
- git commit hooks, no 💩
### 示例
- 最新 Tags 自动打包：[点这里打开](https://funnyzak.github.io/react-quick-start/)
- 从这里下载最新 Releases：[下载](https://github.com/funnyzak/react-quick-start/releases)
## 环境
使用的 Node 的构建版本为 **v14.17.0**，为避免冲突，建议使用此版本。可以使用 **_nvm_** 管理 Node 版本。
主要依赖库版本：
- eslint: ^7.32.0
- babel: ^7.15.8
- css-loader: ^6.4.0
- less: ^4.1.2
- sass: ^6.0.1
- typescript: ^4.4.4
- webpack: ^5.59.1
- prettier: 2.4.1
- react router: ^6.0.0
- react-router-dom: ^6.0.0
### UI/组件：
- [antd](https://ant.design/docs/react/introduce-cn)
- [@ant-design/icons](https://ant.design/components/icon/)
- [react-icons](https://github.com/react-icons/react-icons)
- [normalize.css](https://necolas.github.io/normalize.css/)
- [@emotion/react](https://emotion.sh/docs/introduction)
- [@emotion/styled](https://emotion.sh/docs/introduction)
## 目录
- `public`：静态资源文件夹
- `config`：webpack 打包配置
- `config/index.js`: 常用配置, edit here
- `src`：src, code here
## 使用
执行：`yarn install` or `npm install`，然后：
- 开发启动`npm run serve`
- Lint 格式化：`npm run lint`
- 构建：`npm run build`
## 打包
- 源构建输出：`./dist`
## 参考
- [Babel Config](https://babel.docschina.org/docs/en/7.0.0/configuration/)
- [EsLint](https://eslint.org/docs/user-guide/configuring/)
- [eslintignore-file](https://eslint.org/docs/user-guide/configuring/ignoring-code#the-eslintignore-file)
- [TSconfig](https://www.typescriptlang.org/tsconfig/)
- [npmrc](https://docs.npmjs.com/cli/v7/configuring-npm/npmrc)
- [gitignore](https://git-scm.com/docs/gitignore)
- [webpack](https://webpack.docschina.org/guides/getting-started/)
- [prettier](https://prettier.io/docs/en/index.html)
## License
MIT License © 2021 [funnyzak](https://github.com/funnyzak)