scss javascript webpack react typescript html redux react-route

React 开发脚手架

Posted by Leon on 2021-10-23

React Quick Start

说明

基于 Typescript Webpack 构建 React Web 应用脚手架。GitHub.

  • react router 支持
  • redux 支持
  • babel 支持
  • typescript 支持
  • react 支持
  • sass 支持
  • less 支持
  • hbs 文件 模板支持
  • png|svg|jpg|jpeg|gif 引入支持
  • git commit hooks, no 💩

示例

run

环境

使用的 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/组件：

目录

  • 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

参考

License

MIT License © 2021 funnyzak