由于想搭建一个适合更多人使用的大而全的完整项目,也想搞清楚其中每个关键环节和依赖的作用,且会随着时间不断迭代,加入新东西,为了避免产出一篇过长的文章,作长远考虑,将会分为多篇文章~
- 技术栈:webpack5 + React18 + TS4.x
- 工程化:eslint + prettier + stylelint + husky + commitlint
- 样式与处理器:CSS module(less、sass、stylus)、Atom CSS(tailwind)
- UI 框架:Antd5.x(Antd按需加载、主题等)、Arco design
- 图片、fonts、数据资源(JSON、csv、tsv等)
- 热更新、资源压缩、代码分离(动态导入、懒加载等)、缓存
前端:react18-ts4-webpack5-starter