arco-react-template's Introduction

arco-react-tempalte

react18
vite3
react-router-dom-6.4+

husky 不生效?

npx husky install

Commits 规范说明：

Commits MUST be prefixed with a type:
- feat：新功能
- fix：修补 BUG
- docs：修改文档，比如 README, CHANGELOG, - CONTRIBUTE 等等
- style：不改变代码逻辑 (仅仅修改了空格、格式缩进、逗号等等)
- refactor：重构（既不修复错误也不添加功能）
- perf：优化相关，比如提升性能、体验
- test：增加测试，包括单元测试、集成测试等
- build：构建系统或外部依赖项的更改
- ci：自动化流程配置或脚本修改
- chore：非 src 和 test 的修改，发布版本等
- revert：恢复先前的提交

关于 CRA 中将 svg 导入为 react 组件的能力

需要自行按需配置

Loader vite-plugin-svgr - Transform SVGs into React components.

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import svgr from 'vite-plugin-svgr'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [svgr(), react()],
})

配置完毕之后即可将 svg 作为组件导入:

import { ReactComponent as Logo } from './logo.svg'

注意事项

react-router 在 6.3 与 6.4 写法的不同,如果从 6.3 升级到 6.4 需要注意一些破坏性更新点击查看
如果后端使用的 kratos 框架,在 axios 进行不带参数的 post 请求时候,axios 会清除 content-type 请求头, kratos 会识别 post 是否存在 content-type, 不存在则报400: unregister content-type错误, 解决方法: axios.post('https://url', {} ) 携带一个空 json 即可

Recommend Projects