基于 @vitejs/create-app 的 react 模板,集成 less、antd、react-router、ahooks,模拟了一个用户列表的页面。
Vite 无疑是当前最火热的项目之一,随着春节后 2.0 版本的发布,越来越多开发者开始关注起了这个项目。这个号称下一代前端构建工具的给我们最大的印象的就是快。日常被缓慢的项目启动时间和 HMR
折磨,有了 Vite
之后,真的不要太爽。虽然 Vite
和框架无关,但应用较多的仍然是 Vue
工程,那么 React
工程是否能够顺利使用呢,这两周在工作之余,就开始了 Vite 2.0
+ React
的尝试。当然其中踩了比较多的坑,比如 Antd
的引入带来的一系列问题,别名怎么写,代理如何配置,集成 ahooks
等等,希望能够帮助到使用 React
又想使用 Vite
提升开发效率的同学,少走弯路。当然,我们还可以从实践的过程中直观了解到 Vite
的预打包原理以及性能真实的感受。
本项目博客地址:Vite 2 + React 实践