vite + react (react hooks 写法) 是真的香

[jomsou]

最近在忙着后台系统的重构，写了个 react (react hooks 写法) + typescript + antd + vite2/webpack5 后台系统模板，欢迎使用，觉得不错可以 star 支持下，谢谢~~，有问题欢迎提交 issues

仓库地址

react-admin-template

预览

预览地址

账号数据

• 管理员 admin admin
• 运营 zenquan zenquan

技术栈

react^17 + react-router-dom^4 + less + css modules + antd^4 + axios + mobx + echarts + react-i18next

开始

# git clone
git clone https://github.com/zenquan/react-admin-template.git
or
git clone -b <branch> https://github.com/zenquan/react-admin-template.git

# install
npm install

# start or dev
master or master-i18n -> npm run start
vite or vite-i18n -> npm run dev

功能、组件的封装

• 系统首页
• 表格
  • 可编辑行表格
  • 拖拽排序表格
• 图表
  • 折线图
  • 饼图
• 组件
  • 富文本编辑器
  • Markdown
  • JSON 编辑器
• Excel
  • 导出 excel
• 404 页
• 国际化

分支

• webpack5: [ master 分支]
• webpack5 国际化: [ master-i18n 分支]
• vite: [ vite 分支]
• vite 国际化: [ vite-i18n 分支]

[xlsepiphone]

我用的 react hook + ts + vite + tailwindcss 重构了老的 vue2 项目，舒服。

[jomsou]

@xlsepiphone 哈哈哈，来来来，相互 follow 一波？

[ztmqg]

master 分支，使用 webpack 打包出来的文件有 8M 多，把 css 全打进去了

[jomsou]

@ztmqg 这个分支当时配置的 webpack 使用 mini-css-extract-plugin 插件将 CSS 提取到单独的文件中，但是在 css module 中遇到点问题，打包出来的 html 上的样式类丢了，还要再寻找一下解决方案，或者是后期会换成 cra 脚手架。